.account-button{border:1px solid var(--accent-dark);background:var(--accent-dark);color:#fff;padding:9px 13px;border-radius:7px;font-size:14px;font-weight:700;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .16s,border-color .16s,box-shadow .16s}
.account-button:hover:not(:disabled){background:#1d6652;border-color:#1d6652}
.account-button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}
.account-button:disabled{opacity:.6;cursor:not-allowed}
.account-balance{color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}
.account-button.has-avatar{width:38px;height:38px;max-width:38px;padding:0;border-color:transparent;background:transparent;border-radius:50%}
.account-button.has-avatar:hover:not(:disabled){border-color:transparent;background:transparent}
.account-avatar{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.auth-dialog{width:min(420px,calc(100% - 32px));border:1px solid var(--line);border-radius:12px;padding:0;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #14251f33}
.auth-dialog::backdrop{background:#17241f80;backdrop-filter:blur(2px)}
.auth-form{position:relative;display:flex;flex-direction:column;padding:32px;gap:11px}
.auth-form h2{margin:1px 0 0;font-size:28px}
.auth-form>p:not(.status){margin:0 0 8px;color:var(--muted);font-size:14px;line-height:1.55}
.google-button{height:44px;border:1px solid #b7d6c9;border-radius:7px;background:var(--accent-soft);color:var(--accent-dark);font-weight:750;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .16s,border-color .16s}
.google-button:hover{background:#cde7d9;border-color:var(--accent)}
.google-button:disabled{opacity:.6;cursor:wait}
.google-mark{width:18px;height:18px;flex:none}
.auth-close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:var(--muted);font-size:26px;line-height:1;padding:4px}
.auth-form .status{margin:0;min-height:0}
.account-dialog{width:min(380px,calc(100% - 32px));border:1px solid var(--line);border-radius:12px;padding:0;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #14251f33}
.account-dialog::backdrop{background:#17241f80;backdrop-filter:blur(2px)}
.account-panel{position:relative;display:flex;flex-direction:column;padding:32px;gap:16px}
.account-panel h2{margin:1px 0 0;font-size:28px}
.account-details{display:grid;gap:12px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.account-details div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.account-details span{color:var(--muted);font-size:13px}
.account-details strong{font-size:14px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.account-panel .secondary-button{align-self:stretch}
.account-panel .status{margin:0;min-height:0}
@media(max-width:600px){.account-button{font-size:12px;padding:8px 9px;max-width:120px}.header-nav{gap:9px}.auth-form{padding:27px 22px}}