.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:38px 0 24px}.page-heading h1{font-size:34px;margin:0}.page-heading p{margin:8px 0 0}.account-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px}.panel{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0}.panel h2{font-size:18px;margin:0 0 22px}.balance{font-size:45px;font-weight:750;line-height:1.2;color:var(--text);font-variant-numeric:tabular-nums;margin-bottom:16px}.balance small{font-size:15px;font-weight:500;color:var(--muted)}.details-list{margin:0}.details-list div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.details-list dt{color:var(--muted)}.details-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.quick-actions{display:flex;flex-direction:column;gap:10px}.quick-actions .button{width:100%}.account-history{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 50px}.history-list{list-style:none;padding:0;margin:0}.history-list li{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:16px;overflow-wrap:anywhere}.history-list small{color:var(--muted);display:block}.history-list strong{white-space:nowrap;font-variant-numeric:tabular-nums}.empty{color:var(--muted);font-size:14px}.login-panel{max-width:440px;margin:24px auto 60px}.login-panel h1{font-size:28px;margin:0 0 12px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.field label{font-size:13px;font-weight:600}.field input,.field select{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;min-width:0;color:var(--text);background:var(--surface)}.code-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.login-panel .wide{width:100%;margin-bottom:10px}.status{min-height:25px;font-size:14px;color:var(--muted);overflow-wrap:anywhere}#accountEmail{overflow-wrap:anywhere;color:var(--text);font-weight:600}.login-footer{font-size:12px;text-align:center}.account-header-actions{display:flex;align-items:center;gap:20px}.account-header-actions a{font-size:14px}
@media(max-width:900px){.account-grid{grid-template-columns:1fr 1fr}.account-grid>.panel:first-child{grid-column:1/-1}.balance{font-size:40px}.account-history{grid-template-columns:1fr}}
@media(max-width:600px){.account-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column;padding-top:24px}.page-heading h1{font-size:30px}.panel{padding:22px}.account-header-actions{width:100%;justify-content:space-between}.login-panel{margin-top:15px}.code-row{grid-template-columns:1fr}.code-row .button{margin-bottom:17px}.account-grid>.panel:first-child{grid-column:auto}}

.code-row { margin-bottom:17px; } .code-row .field { margin-bottom:0; } .code-row .button { margin-bottom:0; }
.embedded > :is(header,footer) { display:none; } .embedded .login-panel { margin:12px auto; border:0; }
.quick-actions details { border-top:1px solid var(--line); padding-top:12px; } .quick-actions summary { cursor:pointer; min-height:44px; padding-block:10px; }
.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
@media(forced-colors:active){.field input:focus,.field select:focus{outline:2px solid CanvasText}}

#balances .balance-row{display:grid;grid-template-columns:minmax(0,1fr) auto;position:relative;gap:0 12px;align-items:start;min-height:56px;padding:6px 0}
#balances dt{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5;overflow-wrap:normal}
#balances dd{display:contents;text-align:start}
.balance-amount{grid-column:2;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;text-align:end;line-height:44px;padding-inline-end:44px}
.balance-amount small{display:block;line-height:1.5;font-weight:400;color:var(--muted);max-width:22ch}
.balance-details{grid-column:1/-1;min-width:0}
.balance-details summary{position:absolute;inset-inline-end:0;top:6px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;list-style:none}
.balance-details summary::-webkit-details-marker{display:none}
.balance-details summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.balance-details[open] summary{color:var(--text)}
@media(hover:hover) and (pointer:fine){.balance-details summary:hover{background:var(--bg);color:var(--text)}}
.balance-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.balance-details ul{list-style:none;margin:8px 0 4px;padding:0}
.balance-details li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 0;line-height:1.6;border-top:1px solid var(--line);overflow-wrap:anywhere}
.balance-details li strong{grid-column:2;font-weight:500;font-variant-numeric:tabular-nums;text-align:end}
.balance-details li small{grid-column:1/-1;color:var(--muted);font-size:12px}

.balance-detail-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}