.btn-accent{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:650}.balancechart{width:100%;height:170px;background:linear-gradient(#f8faff,#fff);border-radius:10px}.mini{background:#f7f9fd;border:1px solid #e4eaf4;border-radius:10px;padding:13px;height:100%}.mini span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;margin-bottom:5px}.mini b{font-size:15px}.credit{color:var(--green)!important}.category{background:#edf2ff;color:var(--blue);padding:4px 7px;border-radius:12px;font-size:10px}.tech{border-top:1px solid var(--line);padding-top:13px;color:var(--muted)}.tech summary{cursor:pointer;font-weight:650;color:#68758a}.limitcard{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.limitcard .progress{grid-column:1/3}.limitamount{text-align:right}.limitamount small{display:block}.bankcard{position:relative;width:min(420px,100%);height:235px;border-radius:19px;padding:24px;color:#fff;background:linear-gradient(135deg,#14244a,#2457d6 65%,#21a6bd);box-shadow:0 22px 40px #183b8f38}.bankcard>span{letter-spacing:2px;font-size:11px}.bankcard>b{display:block;font-size:22px;letter-spacing:3px;margin:70px 0 22px}.bankcard>div{display:inline-block;margin-right:45px}.bankcard small,.bankcard strong{display:block}.codebox{float:right;margin-top:-115px;margin-right:15px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:14px 24px;border-radius:10px}.codebox span,.codebox b{display:block}.codebox b{font-size:24px;letter-spacing:5px}.successmark{display:grid;place-items:center;width:70px;height:70px;margin:5px auto 14px;border-radius:50%;background:#e8f8f2;color:var(--green);font-size:34px}.receipt{background:#f7f9fd;border:1px dashed #cfd9e8;padding:16px;border-radius:10px;margin:20px 0}.receipt div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e5ebf4}.receipt div:last-child{border:0}.receipt span{text-transform:capitalize;color:var(--muted)}.data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}@media(max-width:700px){.bankcard>b{font-size:16px}.codebox{float:none;margin:12px 0}.data-grid{grid-template-columns:1fr}}