.xp-history-page{--xh-border:#ffffff12;--xh-muted:#96969d;max-width:1220px;margin:0 auto}.xh-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 26px}.xh-heading h1{font-size:clamp(32px,4vw,46px);letter-spacing:-1.6px;margin:9px 0}.xh-heading p{font-size:13px;color:#aaa8ad;line-height:1.6;margin:0}.xh-heading>.button{font-size:12px;flex-shrink:0}.xh-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:24px}.xh-summary-card{position:relative;padding:21px;border:1px solid var(--xh-border);background:#151619;border-radius:12px;overflow:hidden}.xh-summary-card:before{content:'';position:absolute;left:0;top:21px;bottom:21px;width:3px;background:#9f2a35}.xh-summary-card>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#b6b3ba}.xh-summary-card svg{width:15px;height:15px;color:#bcb7bf}.xh-summary-card strong{font-size:30px;letter-spacing:-1px;display:block;margin:16px 0 9px;font-variant-numeric:tabular-nums}.xh-summary-card small{font-size:10px;color:#86838c}.xh-summary-card.xh-pending:before{background:#b58b48}.xh-pending strong{color:#e6c089}.xh-ledger{background:#131416;border:1px solid var(--xh-border);border-radius:15px;overflow:hidden;scroll-margin-top:100px}.xh-ledger-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;border-bottom:1px solid var(--xh-border)}.xh-ledger-heading h2{font-size:19px;margin:0}.xh-ledger-heading>div{display:flex;gap:20px}.xh-ledger-heading button{display:flex;align-items:center;gap:6px;font-size:11px;color:#b4afb8}.xh-ledger-heading button svg{width:14px;height:14px}.xh-ledger-heading button:disabled{opacity:.35}.xh-filters{display:grid;grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(125px,1fr)) auto;gap:12px;padding:20px 25px 15px;align-items:end}.xh-filters>label{display:grid;gap:8px;min-width:0}.xh-filters>label>span{font-size:10px;color:#96929d}.xh-filters input,.xh-filters select,.xh-view-controls select{font-family:inherit;font-size:11px;color:#e3dfe6;background:#1c1d21;border:1px solid #33343a;border-radius:7px;min-width:0;width:100%;height:40px;padding:9px 10px;outline:none;box-shadow:none}.xh-filters input:focus,.xh-filters select:focus,.xh-view-controls select:focus{border-color:#bb4150;box-shadow:0 0 0 3px #bb415017}.xh-filters .xh-search{position:relative;display:flex;align-items:center}.xh-search svg{position:absolute;left:12px;top:13px;width:15px;height:15px;color:#a19da7;pointer-events:none}.xh-search input{padding-left:36px}.xh-clear{background:none;border:0;color:#c7838d;cursor:pointer;height:40px;font-size:11px;padding:8px}.xh-clear:hover{color:#f4d2d7}.xh-view-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 25px 17px;color:#96929b;font-size:11px}.xh-view-controls>div,.xh-view-controls label{display:flex;align-items:center;gap:9px}.xh-view-controls select{height:32px;width:auto;padding:4px 8px;font-size:10px;background:#151619}.xh-view-controls>span{line-height:1.5}.xh-updates{display:block;border:0;border-block:1px solid #573b24;background:#33271b;color:#edce9a;text-align:center;width:100%;padding:12px;cursor:pointer;font-size:11px}.xh-updates[hidden]{display:none}.xh-events{padding:0 25px 20px;min-height:170px}.xh-day{margin:0;padding:19px 0 11px;font-size:10px;font-weight:600;letter-spacing:.7px;color:#8e8b94;border-top:1px solid var(--xh-border)}.xh-event{border:1px solid transparent;border-radius:9px;margin:2px 0;background:#191a1e;overflow:hidden;transition:border-color .15s,background .15s}.xh-event:hover{background:#202126;border-color:#ffffff16}.xh-event[open]{border-color:#65303a;background:#1c1b20;margin-bottom:8px}.xh-event summary{list-style:none;display:grid;grid-template-columns:36px minmax(0,1fr) 148px 100px 14px;gap:14px;align-items:center;padding:14px;cursor:pointer}.xh-event summary::-webkit-details-marker{display:none}.xh-event summary:focus-visible{outline:2px solid #b32a3f;outline-offset:-2px}.xh-event-icon{width:36px;height:36px;display:grid;place-items:center;color:#bcb9c2;background:#2b2c32;border:1px solid #ffffff08;border-radius:9px}.xh-event-icon svg{width:17px;height:17px}.xh-category-videos{background:#3b2027;color:#dc8590}.xh-category-support{background:#3a2c1f;color:#d9b583}.xh-category-battle{background:#1b2c39;color:#7db5de}.xh-category-community{background:#263132;color:#a4c1bc}.xh-event-title{min-width:0}.xh-event-title strong{display:block;font-size:12px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}.xh-event-title>small{display:flex;gap:7px;color:#87848f;font-size:10px;margin-top:5px;align-items:center}.xh-status{font-size:9px;color:#a5c9ad;justify-self:start;border:1px solid #526a5547;background:#25302866;border-radius:5px;padding:5px 7px;line-height:1.5;white-space:nowrap}.xh-status.is-pending,.xh-status.is-pending_season{color:#e1bb7e;background:#392d2166;border-color:#8b653a66}.xh-status.is-canceled{color:#aba5af;background:#2e2b3266;border-color:#514a5b66}.xh-amount{font-size:17px;font-weight:700;text-align:right;color:#eae6eb;font-variant-numeric:tabular-nums;white-space:nowrap}.xh-amount small{font-size:9px;display:block;color:#89828f;margin-top:4px;letter-spacing:1px;font-weight:500}.xh-amount.is-negative{color:#e49a9f}.xh-amount.is-canceled{color:#817b87;text-decoration:line-through}.xh-expand{color:#9e919f;transition:transform .2s}.xh-event[open] .xh-expand{transform:rotate(180deg)}.xh-event-detail{padding:0 20px 20px 64px;border-top:1px solid #ffffff09;margin-top:0}.xh-event-detail dl{display:flex;gap:15px 32px;flex-wrap:wrap;margin:18px 0 0}.xh-event-detail dt,.xh-reason>span{font-size:9px;color:#8d8593;margin:0 0 7px;text-transform:uppercase;letter-spacing:.6px}.xh-event-detail dd{margin:0;font-size:11px;color:#c5bdcb}.xh-reason{padding-top:18px}.xh-reason p{font-size:12px;line-height:1.7;color:#c4bdc9;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.xh-status-note{color:#c4aa81;font-size:11px;line-height:1.7;margin:17px 0 0}.xh-pagination{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;border-top:1px solid var(--xh-border);background:#111215;gap:15px}.xh-result-count{font-size:11px;color:#99929f}.xh-pagination nav{display:flex;align-items:center;gap:5px}.xh-pagination button{height:33px;min-width:33px;border:1px solid #333139;background:#1c1d21;border-radius:6px;color:#c5c0ca;font-family:inherit;cursor:pointer;font-size:11px}.xh-pagination button:hover{border-color:#a84a58}.xh-pagination button[aria-current=page]{background:#882332;border-color:#ad3949;color:#fff}.xh-pagination button:disabled{opacity:.3;cursor:default}.xh-pagination nav>span{font-size:11px;color:#777}.xh-empty{text-align:center;padding:45px 18px}.xh-empty>svg{width:33px;height:33px;color:#b1747c}.xh-empty h3{font-size:17px;margin:18px 0 9px}.xh-empty p{font-size:12px;color:#9e94a4;line-height:1.7}.xh-empty .button{margin-top:15px;font-size:11px}.xh-footnote{font-size:10px;color:#827e89;padding:4px 4px 0;line-height:1.7}.xh-preview .panel-heading{gap:12px;flex-wrap:wrap}.xh-preview .text-link{font-size:11px;color:#d3979e}.xh-preview-rows>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-top:1px solid #ffffff0c}.xh-preview-rows>a:hover{background:#ffffff04}.xh-preview-rows strong{font-size:12px}.xh-preview-rows> a>div>small{display:block;font-size:10px;color:#9e939f;margin-top:6px}.xh-preview-rows b{font-size:15px;white-space:nowrap}.xh-preview-rows b>small{font-size:9px;color:#948895;font-weight:400}
@media(max-width:1100px){.xh-filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.xh-filters .xh-search{grid-column:1/-1}.xh-summary-card{padding:17px}.xh-summary-card strong{font-size:26px}.xh-event summary{grid-template-columns:32px minmax(0,1fr) 133px 78px 10px;gap:10px;padding:12px}.xh-event-icon{width:32px;height:32px}.xh-status{font-size:8px}.xh-amount{font-size:15px}}
@media(max-width:700px){.xh-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.xh-heading{align-items:flex-start}.xh-heading>.button{font-size:10px;padding:10px}.xh-ledger-heading{padding:19px 16px}.xh-ledger-heading h2{font-size:17px}.xh-ledger-heading>div{gap:12px}.xh-ledger-heading button{font-size:10px}.xh-ledger-heading svg{display:none}.xh-filters{padding:17px 16px 12px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.xh-filters label:nth-child(4){grid-column:1}.xh-clear{align-self:end;justify-self:end}.xh-view-controls{padding:0 16px 12px;align-items:flex-start;flex-direction:column}.xh-view-controls>div{width:100%;justify-content:space-between}.xh-events{padding:0 12px 15px}.xh-event summary{grid-template-columns:30px minmax(0,1fr) 78px;gap:6px 10px;padding:13px 10px}.xh-event-title strong{font-size:11px}.xh-event-icon{grid-row:1/3;width:30px;height:30px}.xh-event-title{grid-column:2;grid-row:1}.xh-event-title>small{font-size:9px}.xh-status{grid-column:2;grid-row:2;margin-top:3px;max-width:100%;font-size:8px}.xh-amount{grid-column:3;grid-row:1/3;font-size:16px}.xh-expand{display:none}.xh-event-detail{padding:0 15px 16px}.xh-event-detail dl{gap:17px}.xh-pagination{padding:17px 14px;flex-direction:column;align-items:center}.xh-pagination nav{flex-wrap:wrap;justify-content:center}.xh-summary-card small{font-size:9px}.xh-heading h1{font-size:33px}.xh-heading p{font-size:11px}.xh-heading .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.xh-event,.xh-expand{transition:none}}
.xp-history-page .xh-filters input{height:40px;padding:9px 10px;background:#1c1d21;border:1px solid #33343a;font-size:11px}.xp-history-page .xh-filters .xh-search input{padding-left:36px}.xh-ledger-heading button{background:#1c1d21;border:1px solid #363239;border-radius:6px;padding:8px 10px;cursor:pointer;font-family:inherit}.xh-ledger-heading button:hover{border-color:#b53e4b;color:#eee}.xh-ledger-heading button:focus-visible,.xh-pagination button:focus-visible{outline:2px solid #b43c4b;outline-offset:2px}