.credit-summary-card{cursor:pointer;transition:.2s transform,.2s border-color}.credit-summary-card:hover{transform:translateY(-3px);border-color:var(--blue)}
.cart-credit-option{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;margin:14px 0;padding:13px;border:1px solid #164d70;border-radius:12px;background:#092235;cursor:pointer}.cart-credit-option.hidden{display:none}.cart-credit-option input{width:18px;height:18px;accent-color:#22aaff}.cart-credit-option span{display:flex;min-width:0;flex-direction:column}.cart-credit-option b{font-size:11px;color:#fff}.cart-credit-option small{margin-top:3px!important;color:#86a9c1!important;font-size:8px!important;text-align:left!important}.cart-credit-option>strong{color:#5bd3ff;font-size:11px}
.credit-stats{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;margin-bottom:22px}.credit-stats article{display:flex;min-height:155px;padding:24px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(10,38,62,.9),rgba(7,26,42,.83));flex-direction:column}.credit-stats article.credit-balance{border-color:#1ba0e8;background:linear-gradient(145deg,rgba(14,80,119,.8),rgba(7,30,49,.9))}.credit-stats small{color:#71abd0;font-size:9px;font-weight:800;letter-spacing:.13em}.credit-stats strong{margin:14px 0 6px;color:#fff;font:800 31px Sora,sans-serif}.credit-stats span{color:var(--muted);font-size:10px}.credits-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.credit-add-card,.credit-history-card{padding:25px}.credit-add-card h3,.credit-history-card h3{margin:6px 0;font-size:22px}.credit-add-card>p{margin:10px 0 18px;color:var(--muted);font-size:11px;line-height:1.7}.credit-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:19px}.credit-limits span{padding:12px;border:1px solid var(--line);border-radius:10px;background:#061522;color:var(--muted);font-size:8px;text-align:center}.credit-limits b{display:block;margin-top:4px;color:#fff;font-size:10px}.credit-add-card form{display:grid;gap:12px}.credit-add-card label{color:#fff;font-size:10px;font-weight:800}.credit-add-card input{width:100%;margin-top:7px;padding:15px;border:1px solid #24506d;border-radius:11px;background:#061521;color:#fff;font:600 16px Manrope,sans-serif;outline:0}.credit-add-card input:focus{border-color:#21a8ff;box-shadow:0 0 0 3px rgba(33,168,255,.12)}.credit-quick-values{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.credit-quick{padding:9px;border:1px solid var(--line);border-radius:9px;background:#0b2639;color:#a9c8dd;cursor:pointer;font-weight:800}.credit-quick:hover{border-color:#21a8ff;color:#fff}.credit-security{margin-top:15px;color:#6f91a8;font-size:9px;text-align:center}.credit-card-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.credit-card-head>span{color:var(--muted);font-size:9px}.credit-list{display:grid;gap:9px}.credit-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:13px;border:1px solid rgba(32,78,108,.75);border-radius:11px;background:#061622}.credit-row b,.credit-row small{display:block}.credit-row b{font-size:10px}.credit-row small{margin-top:4px;color:var(--muted);font-size:8px}.credit-row>strong{color:#5be4b1;font-size:11px}.credit-row>strong.negative{color:#ff99a9}.credit-row>span{color:var(--muted);font-size:8px}.credit-status{padding:6px 8px;border-radius:999px;background:rgba(251,191,36,.1);color:#fbc84b!important;font-weight:800}.credit-status.approved{background:rgba(52,211,153,.1);color:#56dca9!important}.credit-status.cancelled{background:rgba(251,113,133,.1);color:#ff91a4!important}.credit-statement{margin-top:20px}.credit-empty{padding:28px 5px;color:var(--muted);text-align:center}.credits-loading{padding:55px;text-align:center}.credits-loading p{color:var(--muted)}
@media(max-width:1050px){.credit-stats{grid-template-columns:1fr 1fr}.credit-stats .credit-balance{grid-column:1/-1}.credits-grid{grid-template-columns:1fr}}
@media(max-width:680px){.credit-stats{grid-template-columns:1fr}.credit-stats .credit-balance{grid-column:auto}.credit-limits{grid-template-columns:1fr}.credit-row{grid-template-columns:1fr auto}.credit-row>span{grid-column:1/-1}.credit-quick-values{grid-template-columns:1fr 1fr}.credit-card-head{align-items:flex-start;gap:8px;flex-direction:column}}