.topup-history { margin-top: 14px; padding: 28px; background: var(--white); border: 1px solid var(--line); }
.topup-history h3 { font: 600 18px var(--display); }
.topup-row { display: grid; grid-template-columns: 70px 1fr 160px 140px; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.topup-row strong, .topup-row small { display: block; }
.topup-row small { color: var(--muted); }
.topup-status { justify-self: end; padding: 6px 9px; font-size: 14px; font-weight: 800; text-transform: uppercase; }
.topup-status.pending { background: #fff0ae; }
.topup-status.approved { background: #65efc1; }
.topup-status.rejected { background: #ffd1cb; }
@media(max-width:700px){.topup-row{grid-template-columns:1fr 1fr}.topup-status{justify-self:start}}
.service-order-button,.primary-link{border:1px solid var(--ink);background:var(--acid);padding:11px 14px;font-size:14px;font-weight:800;text-transform:uppercase}.service-order-button{margin-top:14px;width:100%}.modal-close{position:absolute;right:16px;top:13px;border:0;background:transparent;font-size:28px}.interval-hint{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.4}.client-order-list{display:grid;gap:11px}.client-order-row{display:grid;grid-template-columns:80px minmax(220px,1.3fr) minmax(180px,1fr) 130px 150px;align-items:center;gap:15px;background:var(--white);border:1px solid var(--line);padding:20px;font-size:14px}.client-order-row strong,.client-order-row small{display:block}.client-order-row small{color:var(--muted)}@media(max-width:850px){.client-order-row{grid-template-columns:1fr 1fr}}