.itb-credit-summary {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: -8px 0 26px;
    padding: 20px 24px;
    border: 1px solid rgba(104, 224, 176, .28);
    border-radius: 17px;
    background: linear-gradient(110deg, #173a37, #142638 78%);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
}
.itb-credit-summary__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 14px;
    background: rgba(105, 230, 178, .14);
    color: #7ceebc;
    font-size: 21px;
}
.itb-credit-summary__copy { flex: 1; min-width: 0; }
.itb-credit-summary__copy > span { display: block; color: #b9d8d0; font-size: 13px; }
.itb-credit-summary__copy strong { display: block; margin: 1px 0; color: #fff; font-size: 27px; line-height: 1.2; }
.itb-credit-summary__copy p { margin: 4px 0 0; color: #c0d2dc; font-size: 13px; }
.itb-credit-summary > a,
.itb-credit-pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 15px;
    border: 1px solid rgba(117, 211, 177, .5);
    border-radius: 9px;
    color: #d5ffeb;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}
.itb-credit-summary > a:hover,
.itb-credit-pagination a:hover { background: rgba(105, 230, 178, .12); color: #fff; }
.itb-credit-page { max-width: 1120px; margin: 0 auto 42px; }
.itb-credit-back { display: inline-flex; align-items: center; gap: 8px; margin: 6px 0 18px; color: #9fc4df; }
.itb-credit-back:hover { color: #fff; }
.itb-credit-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 32px;
    border: 1px solid rgba(97, 159, 203, .25);
    border-radius: 19px;
    background: linear-gradient(110deg, #172b42, #113a39);
}
.itb-credit-kicker { color: #87e3be; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.itb-credit-hero h2 { margin: 0 0 9px; color: #fff; font-family: inherit; font-size: clamp(25px, 2.6vw, 33px); }
.itb-credit-hero p { margin: 0; color: #c0d4e2; line-height: 1.55; }
.itb-credit-balance {
    min-width: 220px;
    padding: 18px 22px;
    border: 1px solid rgba(116, 221, 184, .32);
    border-radius: 14px;
    background: rgba(5, 27, 28, .45);
}
.itb-credit-balance span { display: block; color: #badbd2; font-size: 13px; }
.itb-credit-balance strong { display: block; margin-top: 5px; color: #fff; font-size: 28px; }
.itb-credit-ledger { margin-top: 22px; padding: 23px; border: 1px solid rgba(97, 159, 203, .23); border-radius: 18px; background: #142336; }
.itb-credit-ledger__header { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 15px; }
.itb-credit-ledger__header h2 { margin: 0 0 4px; color: #fff; font-family: inherit; font-size: 22px; }
.itb-credit-ledger__header p { margin: 0; color: #adc0d0; }
.itb-credit-ledger__header > span { color: #a7c0d2; font-size: 13px; white-space: nowrap; }
.itb-credit-list { overflow: hidden; border: 1px solid rgba(97, 159, 203, .2); border-radius: 12px; }
.itb-credit-row { display: flex; align-items: center; gap: 15px; padding: 15px 18px; border-bottom: 1px solid rgba(97, 159, 203, .15); background: #101e2e; }
.itb-credit-row:last-child { border-bottom: 0; }
.itb-credit-row:nth-child(even) { background: #132236; }
.itb-credit-row__icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px; }
.itb-credit-row__icon.is-credit { background: rgba(98, 218, 164, .15); color: #74e7af; }
.itb-credit-row__icon.is-debit { background: rgba(145, 187, 220, .14); color: #a5cee9; }
.itb-credit-row__main { flex: 1; min-width: 0; }
.itb-credit-row__main strong { display: block; color: #f6f9fc; font-size: 14px; }
.itb-credit-row__main > span { display: block; margin-top: 4px; color: #afc1d1; font-size: 12px; }
.itb-credit-row__main a { color: #8acbff; text-decoration: underline; text-underline-offset: 2px; }
.itb-credit-row__amount { font-size: 16px; white-space: nowrap; }
.itb-credit-row__amount.is-credit { color: #80ebaf; }
.itb-credit-row__amount.is-debit { color: #d9e6f1; }
.itb-credit-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; color: #b8ccdb; }
.itb-credit-empty { padding: 54px 20px; text-align: center; color: #afc3d2; }
.itb-credit-empty > i { color: #80d7b5; font-size: 32px; }
.itb-credit-empty h3 { margin: 14px 0 7px; color: #fff; }
.itb-credit-empty p { margin: 0; }
@media (max-width: 700px) {
    .itb-credit-summary, .itb-credit-hero { flex-wrap: wrap; padding: 18px; }
    .itb-credit-summary > a { width: 100%; }
    .itb-credit-balance { width: 100%; }
    .itb-credit-ledger { padding: 15px; }
    .itb-credit-ledger__header { align-items: flex-start; flex-direction: column; }
    .itb-credit-row { gap: 10px; padding: 14px 11px; }
    .itb-credit-row__amount { font-size: 14px; }
    .itb-credit-pagination a { padding: 8px 10px; font-size: 12px; }
}