.credit-usage-dialog{width:min(1160px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #303236;border-radius:24px;background:#101113;color:#f4f4f5;box-shadow:0 32px 100px #0009}
.credit-usage-dialog[open]{display:flex;flex-direction:column}
.credit-usage-dialog::backdrop{background:#050607b8;backdrop-filter:blur(5px)}
.credit-usage-dialog>.dialog-heading{padding:24px 28px 18px;border-bottom:1px solid #27292c;flex-shrink:0}
.credit-usage-dialog>.dialog-heading h2{font-size:25px;letter-spacing:-.035em;margin:0}
.credit-usage-dialog>.dialog-content{padding:24px 28px;overflow:auto;min-height:0}
.credit-history{--ch-muted:#a4a5ad;--ch-line:#2c2e32;color:#f1f1f3;font:13px/1.5 Inter,system-ui,sans-serif;min-width:0;text-align:left}
.credit-history *{box-sizing:border-box}
.credit-history h2,.credit-history h3,.credit-history h4,.credit-history p{margin:0}
.credit-history button,.credit-history input,.credit-history select{font:inherit;color:inherit}
.credit-history button{background:#202226;border:1px solid #36383d;padding:10px 14px;border-radius:10px;cursor:pointer;line-height:1.2;min-height:40px;white-space:nowrap}
.credit-history button:hover:not(:disabled){background:#2a2d31;border-color:#7b5f4e}
.credit-history button:disabled{opacity:.4;cursor:not-allowed}
.credit-history button:focus-visible,.credit-history input:focus-visible,.credit-history select:focus-visible,.ch-table-scroll:focus-visible{outline:2px solid #ff6200;outline-offset:3px}
.credit-history .ch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.credit-history .ch-toolbar h2{font-size:23px;letter-spacing:-.03em;font-weight:650;color:#f7f7f7}
.credit-history .ch-toolbar p{color:var(--ch-muted);margin-top:5px;line-height:1.65}
.credit-history .ch-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.2fr) minmax(170px,1fr);gap:12px}
.credit-history label{display:flex;flex-direction:column;gap:6px;color:var(--ch-muted);font-size:12px;font-weight:500;margin:0}
.credit-history select,.credit-history input{width:100%;min-height:42px;border:1px solid #34363b;border-radius:10px;background:#191b1e;padding:9px 12px;color:#ededf0;box-shadow:none}
.credit-history .ch-date-range{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:14px;padding:14px;background:#191b1e;border-radius:12px}
.credit-history .ch-date-range[hidden]{display:none}
.credit-history .ch-date-range label{flex:1;min-width:145px}
.credit-history .ch-date-range>span{color:var(--ch-muted);font-size:11px;align-self:center}
.credit-history .ch-date-range button{background:#ff6200;color:#151900;font-weight:650;border-color:#ff6200}
.credit-history .ch-status{color:var(--ch-muted);font-size:11px;min-height:34px;padding:9px 2px 10px;line-height:1.5}
.credit-history .ch-overview,.credit-history .ch-transactions{background:#18191c;border:1px solid #232529;border-radius:20px;padding:20px;margin-bottom:18px}
.credit-history .ch-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.credit-history .ch-section-heading h3{font-size:15px;font-weight:550;letter-spacing:0;color:#e3e4e7;display:flex;align-items:center;gap:10px}
.credit-history .ch-balance{color:var(--ch-muted);font-size:11px;display:flex;gap:10px;align-items:center}
.credit-history .ch-balance strong{color:#efc4a9;font-size:13px;font-weight:600;padding:6px 10px;background:#252b1e;border-radius:8px;white-space:nowrap}
.credit-history .ch-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.credit-history .ch-stat{display:flex;align-items:flex-start;gap:12px;background:#202225;border-radius:15px;padding:20px 15px;min-width:0}
.credit-history .ch-stat-icon{display:grid;place-items:center;width:40px;height:42px;background:#272a2d;border-radius:12px;color:#9ca4a5;flex-shrink:0;margin-top:4px}
.credit-history .ch-stat>div{min-width:0;display:flex;flex-direction:column;gap:5px}
.credit-history .ch-stat strong{font-size:26px;font-weight:650;color:#fbfbfb;letter-spacing:-.045em;line-height:1.1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.credit-history .ch-stat span:not(.ch-stat-icon){color:#c2c3c8;font-size:12px;line-height:1.35}
.credit-history .ch-stat small{color:#8f929b;font-size:10px;line-height:1.45}
.credit-history .ch-balance-notes{display:flex;gap:7px 20px;flex-wrap:wrap;padding:15px 3px;font-size:11px;color:#979ba3}
.credit-history .ch-balance-notes b{color:#c7cbd2;font-weight:500}
.credit-history .ch-balance-notes>span:last-child{margin-left:auto;font-style:italic}
.credit-history .ch-distribution{background:#202225;border-radius:15px;padding:17px 20px}
.credit-history .ch-distribution h4{font-size:12px;font-weight:500;color:#c8cbd1;margin-bottom:17px}
.credit-history .ch-bar{height:12px;display:flex;border-radius:20px;overflow:hidden;background:#303337;margin-bottom:17px}
.credit-history .ch-bar span{height:100%;min-width:0}
.credit-history .ch-legend{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:0;list-style:none}
.credit-history .ch-legend li{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;min-width:0}
.credit-history .ch-legend i{width:10px;height:10px;flex-shrink:0;border-radius:5px}
.credit-history .ch-legend b{font-weight:550;color:#e3e5e7;overflow-wrap:anywhere}
.credit-history .ch-legend span{color:#bec1c9}
.credit-history .ch-legend small{font-size:10px;color:#9297a1}
.credit-history .ch-muted{color:var(--ch-muted);font-size:11px}
.credit-history .ch-count{font-size:11px;background:#292c31;border-radius:7px;padding:3px 7px;color:#b9bdc6}
.credit-history .ch-table-scroll{overflow-x:auto;border:1px solid var(--ch-line);border-radius:13px;scrollbar-width:thin}
.credit-history table.ch-table{width:100%;min-width:790px;border-collapse:collapse;text-align:left;table-layout:auto;margin:0;background:#1e2023;font-size:12px}
.credit-history table.ch-table th{font-weight:450;color:#a5a8b0;font-size:11px;padding:15px 12px;background:#25272b;white-space:nowrap;text-transform:none;letter-spacing:0;border:0}
.credit-history table.ch-table td{padding:15px 12px;vertical-align:middle;border:0;border-top:1px solid #2d2f34;background:none;color:#e4e5e9;max-width:250px;overflow-wrap:anywhere;line-height:1.5}
.credit-history table.ch-table tbody tr:hover{background:#25272c}
.credit-history table.ch-table td>b{font-weight:550}
.credit-history table.ch-table td>small{display:block;color:#9296a0;font-size:10px;max-width:210px;margin-top:4px}
.credit-history table.ch-table time{font-size:11px;white-space:nowrap;color:#bfc3cb}
.credit-history .ch-delta{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.credit-history .ch-positive{color:#75dca7}
.credit-history .ch-negative{color:#f2f3f5}
.credit-history .ch-numeric{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.credit-history .ch-action{display:inline-block;border-radius:6px;padding:4px 7px;background:#2d3036;color:#c8cdd5;font-size:11px;white-space:nowrap}
.credit-history .ch-refunded,.credit-history .ch-added{background:#1e3a2e;color:#8fe2b3}
.credit-history .ch-adjusted{background:#343027;color:#d9c295}
.credit-history .ch-held,.credit-history .ch-reconciling{background:#353225;color:#e7d993}
.credit-history .ch-released{background:#29332e;color:#a6c5b4}
.credit-history .ch-job-id{display:block;color:#a5aab5;font:10px/1.5 ui-monospace,monospace;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.credit-history .ch-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;color:#9fa4af;font-size:11px}
.credit-history .ch-pagination>div{display:flex;align-items:center;gap:12px}
.credit-history .ch-pagination button{padding:7px 11px;min-height:33px;font-size:11px}
.credit-history .ch-empty{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;padding:42px 20px;background:#202225;border:1px dashed #34373d;border-radius:14px}
.credit-history .ch-empty>span{font-size:30px;color:#727b62}
.credit-history .ch-empty h4{font-size:15px;font-weight:550;color:#dddee4}
.credit-history .ch-empty p{max-width:450px;color:#a5a8b0;font-size:12px;line-height:1.7}
.credit-history .ch-error{margin:5px 0 20px}
.credit-history .ch-error button{margin-top:8px}
.credit-history .ch-accounting-note,.credit-history .ch-coverage{font-size:11px;line-height:1.75;color:#9b9fa8;padding:0 3px;margin:12px 0 0}
.credit-history .ch-coverage{padding:12px 14px;border-radius:10px;background:#2a251b;border:1px solid #483f2c;color:#c8b58b}
.credit-history .ch-loading{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;min-height:200px;background:#18191c;border-radius:18px;padding:20px}
.credit-history .ch-loading>div{background:#24262a;border-radius:14px;height:110px}
#accountLedger .credit-history{padding:22px;background:#111315;border-radius:16px}
#accountLedger .account-ledger-head{gap:16px;flex-wrap:wrap}
#accountLedger .account-ledger-head h3{overflow-wrap:anywhere}
@media(max-width:950px){.credit-history .ch-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-history .ch-stat{padding:18px}.credit-history .ch-section-heading{align-items:flex-start}.credit-history .ch-balance{flex-direction:column;align-items:flex-end;gap:3px}.credit-history .ch-balance-notes>span:last-child{margin-left:0}}
@media(max-width:650px){.credit-usage-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.credit-usage-dialog>.dialog-heading{padding:18px}.credit-usage-dialog>.dialog-heading h2{font-size:20px}.credit-usage-dialog>.dialog-content{padding:14px}.credit-history .ch-toolbar{align-items:flex-start;gap:12px;margin-bottom:16px}.credit-history .ch-toolbar h2{font-size:19px}.credit-history .ch-toolbar p{font-size:11px}.credit-history .ch-toolbar button{padding:9px;min-height:36px;font-size:11px}.credit-history .ch-filters{grid-template-columns:1fr 1fr;gap:10px}.credit-history .ch-filters>label:first-child{grid-column:1/-1}.credit-history .ch-overview,.credit-history .ch-transactions{padding:13px;border-radius:15px}.credit-history .ch-stat{padding:14px 10px;gap:9px}.credit-history .ch-stat-icon{width:26px;height:30px;border-radius:8px}.credit-history .ch-stat-icon svg{width:18px}.credit-history .ch-stat strong{font-size:23px}.credit-history .ch-stat small{font-size:9px}.credit-history .ch-stat span:not(.ch-stat-icon){font-size:11px}.credit-history .ch-section-heading{flex-wrap:wrap}.credit-history .ch-balance{flex-direction:row;align-items:center}.credit-history .ch-distribution{padding:14px}.credit-history .ch-legend{gap:12px}.credit-history .ch-pagination{align-items:flex-start;flex-direction:column}.credit-history .ch-pagination>div{width:100%;justify-content:space-between;gap:6px}.credit-history .ch-loading{grid-template-columns:1fr 1fr}.credit-history .ch-date-range button{width:100%}#accountLedger .credit-history{padding:12px}}