.CreditBox{box-sizing:border-box;display:flex;flex-direction:column}
.CreditBox::before{display:none}
.CreditPage{display:flex;flex:1;flex-direction:column;gap:10px;min-height:0;padding:8px 12px 12px;text-align:left;color:#e5f0f2}
.CreditPage h2{font-size:16px;margin:0}.CreditSummary{flex:0 0 auto}.CreditSummary p{margin:4px 0 9px}
.CreditShop{gap:14px;padding:16px 24px 18px;overflow:auto}.CreditShop .CreditSummary{display:flex;flex-direction:column;gap:14px}.CreditShop .CreditHistory{flex:0 0 auto}.CreditShop .CreditScroll{flex:none;overflow:auto}.CreditShop .CreditHint{margin:0}
.CreditOverview{display:flex;justify-content:space-between;align-items:center;gap:24px}.CreditOverview h2{font-size:25px;margin:0 0 6px}.CreditBalance{display:flex;flex-direction:column;gap:4px;text-align:right;white-space:nowrap}.CreditBalance span{font-size:12px;color:#9dbac1}.CreditBalance strong{font-size:25px;color:#f1c27e}
.CreditAllowance{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid #21414b;border-bottom:1px solid #21414b;font-size:12px;color:#9dbac1}.CreditAllowance strong{color:#e5f0f2;white-space:nowrap}.CreditAllowance progress{flex:1;min-width:50px;height:5px;border:0;border-radius:4px;background:#21414b;accent-color:#f1c27e}.CreditAllowance progress::-webkit-progress-bar{background:#21414b;border-radius:4px}.CreditAllowance progress::-webkit-progress-value{background:#f1c27e;border-radius:4px}
.CreditProviders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.CreditProvider{display:flex;flex-direction:column;min-width:0;border:1px solid #37606d;border-radius:8px;background:#081b24;overflow:hidden}.CreditProviderActive{border-color:#4d9db5;box-shadow:0 4px 18px #0004}
.CreditProviderBrand{position:relative;display:flex;align-items:center;justify-content:center;height:104px;background:#f4f7f9;border-bottom:1px solid #37606d}.CreditProviderLogo{display:block;object-fit:contain;width:170px;height:52px}.CreditProviderBadge{position:absolute;top:10px;right:12px;color:#536777;font-size:10px;font-weight:bold;letter-spacing:.5px;text-transform:uppercase}.CreditProviderActive .CreditProviderBadge{color:#00738c}
.CreditProviderBody{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.CreditProviderBody h3{font-size:16px;color:#e5f0f2;margin:0}.CreditProviderBody .CreditHint{font-size:13px}.CreditProviderBody .CreditProviderOffer{font-size:24px;font-weight:bold;color:#f1c27e;margin:8px 0 -6px}
.CreditProviderButton.BasicButton{box-sizing:border-box;flex:0 0 auto;width:100%;height:auto;min-height:42px;margin:16px 0 0;padding:11px 12px;border:1px solid #37606d;border-radius:5px;background:#152d37;color:#9dbac1;text-shadow:none;box-shadow:none;font:600 14px var(--defaultFontFamily);white-space:normal;transition:background .15s,border-color .15s,transform .15s}.CreditProviderBody>.CreditProviderButton{margin-top:auto}
.CreditProviderActive .CreditProviderButton{background:#087fa3;border-color:#22a9cc;color:#fff}.CreditProviderButton.BasicButton:hover{filter:none}.CreditProviderActive .CreditProviderButton:hover:enabled{background:#0995bd;transform:translateY(-1px)}.CreditProviderButton:focus-visible{outline:2px solid #f1c27e;outline-offset:3px}.CreditProviderButton:disabled{cursor:not-allowed;opacity:.65;transform:none}.CreditProviderActive .CreditProviderButton:disabled{background:#1c3945;border-color:#37606d;color:#b6c8ce}.CreditProviderNotice{font-size:12px;color:#f1c27e;margin:0!important;line-height:1.5}
.CreditShop .CreditRowActions .BasicButton{background:#152d37;border:1px solid #37606d;border-radius:4px;padding:5px 12px;font-size:12px}.CreditShop .CreditRowActions .BasicButton:focus-visible{outline:2px solid #f1c27e;outline-offset:2px}
.CreditShopTerms{font-size:12px!important}.CreditStatusSucceeded{color:#92d8b2}.CreditStatusPending{color:#f1c27e}.CreditStatusFailed,.CreditStatusCancelled,.CreditStatusExpired{color:#b3bec5}.CreditForm>.CreditProviderLogo{box-sizing:content-box;align-self:center;background:#f4f7f9;border-radius:5px;padding:12px 24px;margin-bottom:4px}
.CreditPopup .BasicButton{border-radius:5px;border-color:#37606d;padding:8px 16px;font-size:14px;box-shadow:none}.CreditPopup .BasicButton.ok,.CreditCheckout .CreditActions .BasicButton:first-child{background:#087fa3;border-color:#22a9cc}.CreditPopup .BasicButton.cancel,.CreditCheckout .CreditActions .BasicButton:not(:first-child){background:#152d37}.CreditPopup .BasicButton:focus-visible{outline:2px solid #f1c27e;outline-offset:2px}.CreditPopup .BasicButton:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1000px){.CreditShop{padding:14px}.CreditProviders{gap:10px}.CreditProviderBody{padding:15px}.CreditProviderLogo{width:145px}.CreditOverview h2,.CreditBalance strong{font-size:22px}}
@media(max-width:650px){.CreditProviders{grid-template-columns:minmax(0,1fr)}.CreditProviderBrand{height:100px}.CreditOverview{align-items:flex-start;gap:12px}.CreditBalance strong{font-size:19px}.CreditAllowance{flex-wrap:wrap;gap:10px}.CreditAllowance progress{order:3;flex-basis:100%}.CreditAllowance strong{margin-left:auto}}
.CreditActions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:0 0 auto}.CreditActions .BasicButton{margin:0;flex:0 0 auto;width:auto;min-width:110px;padding:5px 14px}
.CreditHistory{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1}.CreditScroll{flex:1;min-height:0;overflow:auto}
.CreditHint{color:#9dbac1;line-height:1.5;font-size:13px}.CreditPrice{font-size:22px;color:#f1c27e}
.CreditTable{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.CreditTable th{position:sticky;top:0;background:#09242e;color:#bcd8de;z-index:1}.CreditTable td,.CreditTable th{padding:9px 8px;border-bottom:1px solid #21414b;white-space:nowrap}.CreditTable tbody tr:nth-child(even){background:rgba(4,27,35,.55)}.CreditTable tr.OwnTeam{box-shadow:inset 3px 0 0 #ff8c24}.CreditRowActions .BasicButton{margin:0 5px 0 0}
.CreditFilters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:0 0 auto}.CreditFilters[hidden]{display:none}
.CreditField{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px;color:#bdd3d7;text-align:left}.CreditField input,.CreditField select{box-sizing:border-box;width:100%;height:34px;padding:5px 8px;background:#061c25;color:#fff;border:1px solid #37606d;border-radius:3px;font:14px var(--defaultFontFamily)}
.CreditField input:focus,.CreditField select:focus{outline:1px solid #52b7c3;border-color:#52b7c3}.CreditField input::placeholder{color:#829da3}.CreditField input:disabled,.CreditField select:disabled{opacity:.55;background:#10242b;color:#acbcc0}.CreditField select option,.CreditField select optgroup{background:var(--dropdown-option-bg,#001018);color:var(--dropdown-option-color,#fff)}.CreditField input[type=date]{color-scheme:dark}
.CreditForm{display:flex;flex-direction:column;gap:12px;text-align:left;padding:5px;min-width:280px}.CreditForm p{margin:0}
div.GeneralPopup.CreditPopup{width:min(650px,90vw);max-height:85vh;border:1px solid #37606d;background:#071b24;box-shadow:0 14px 48px #0009}.CreditPopup .dialogbody{max-height:60vh;overflow:auto}.CreditDetail{padding:8px;text-align:left;overflow-wrap:anywhere}.CreditDetail>a{display:block;color:#fff;text-decoration:underline;margin:8px 0}.CreditFacts{display:grid;grid-template-columns:135px minmax(0,1fr);gap:6px 12px}.CreditFacts dt{color:#9dbac1}.CreditFacts dd{margin:0}
div.GeneralPopup.CreditPopup.CreditAdminDetailPopup{width:min(1100px,calc(100vw - 32px));max-height:90vh}div.GeneralPopup.CreditAdminDetailPopup .dialogbody{height:auto;max-height:calc(90vh - 100px)}
.CreditAdminDetail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}.CreditAdminDetail .CreditFacts{margin:0;gap:7px 12px}.CreditDetailLedger{min-width:0;border-left:1px solid #37606d;padding-left:20px;line-height:1.5}.CreditDetailLedger h3{margin:0 0 12px;font-size:16px;color:#f1c27e}.CreditDetailLedger h3:not(:first-child){margin-top:24px}.CreditDetailLedger>a,.CreditDetailLedger>a:visited,.CreditDetailLedger>a:hover{display:block;color:#fff;text-decoration:underline;margin:8px 0}.CreditDetailLedger p{margin:10px 0}
@media(max-width:800px){.CreditAdminDetail{grid-template-columns:minmax(0,1fr)}.CreditDetailLedger{border-left:0;border-top:1px solid #37606d;padding:16px 0 0}}
