.payments-page{max-width:860px;margin:auto;padding:30px 22px 100px}.payments-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:38px}.payments-page h1{font-size:clamp(28px,5vw,40px);line-height:1.15}.payment-term{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:24px 0;padding:18px 22px}.payment-term strong{font-size:20px}.tariff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.tariff-card{position:relative;border:1px solid var(--line,var(--border,#274453));border-radius:20px;padding:22px 18px;background:var(--panel,#0b2231);display:flex;flex-direction:column;align-items:flex-start;gap:10px}.tariff-card h3,.tariff-card p{margin:0}.tariff-card h3{font-size:18px}.tariff-card p strong{font-size:32px;letter-spacing:-1px}.tariff-card p span,.tariff-card small{color:var(--muted,#9aafbc);font-size:12px}.tariff-icon{font-size:13px;letter-spacing:2px;font-weight:700;color:var(--accent,#42cbb4)}.tariff-featured{border-color:var(--accent,#42cbb4);box-shadow:inset 0 3px var(--accent,#42cbb4)}.tariff-card .button{margin-top:8px;width:100%;min-height:44px}.payment-history,.payment-help{margin-top:22px;padding:22px}.payment-help h2,.payment-history h2{font-size:20px}.payment-invoice{padding:18px 0;border-bottom:1px solid var(--border,#274453);display:flex;align-items:center;justify-content:space-between;gap:14px}.payment-invoice:last-child{border:0}.payment-invoice h3{font-size:16px;margin:0 0 6px}.payment-invoice p{margin:4px 0;font-size:13px;overflow-wrap:anywhere}.payment-invoice .button{flex-shrink:0}.payment-status{color:var(--accent,#42cbb4)}.payment-term a{margin-left:auto}.payment-owner-panel{margin:20px 0;padding:22px}.payment-owner-panel h2{font-size:20px}@media(max-width:600px){.payments-page{padding:20px 16px 90px}.payments-heading{margin-bottom:24px}.tariff-grid{grid-template-columns:1fr;gap:10px}.tariff-card{display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding:16px 18px;border-radius:16px}.tariff-card .tariff-icon{grid-column:1}.tariff-card h3{grid-column:1}.tariff-card p{grid-column:2;grid-row:1 / span 2;align-self:center}.tariff-card p strong{font-size:28px}.tariff-card small{grid-column:1/-1}.tariff-card .button{grid-column:1/-1}.payment-invoice{align-items:flex-start;flex-wrap:wrap}.payment-term strong{font-size:18px}}
.payments-heading .brand{max-width:180px}@media(max-width:600px){.payments-heading .brand{max-width:165px}.payments-heading{margin-bottom:28px}}

.transfer-pools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.transfer-pool{display:grid;gap:6px;padding:16px;border:1px solid var(--line,#274453);border-radius:14px}.transfer-pool strong{font-size:20px}.transfer-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.transfer-toolbar input{flex:1;min-width:170px}.transfer-actions{display:grid;gap:8px;min-width:200px}.transfer-actions .button{white-space:normal}.transfer-receiver{padding:18px;border:1px solid var(--line,#274453);border-radius:14px;margin:16px 0}.transfer-receiver input{font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:1px}.transfer-check{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:14px}.transfer-check input{flex-shrink:0}.transfer-cancel{display:block;margin:12px auto 0;min-height:44px}.payment-duration{border:0;padding:0;display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 0}.payment-duration legend{font-weight:600;margin-bottom:10px}.payment-duration label{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid var(--line,#274453);border-radius:12px;cursor:pointer}.payment-duration label:has(input:checked){border-color:var(--accent,#42cbb4);background:#143833}.payment-owner-panel .payment-invoice>div:first-child{min-width:0}.payment-owner-panel .payment-invoice h3{overflow-wrap:anywhere}
@media(max-width:600px){.transfer-pool{padding:12px}.transfer-pool strong{font-size:17px}.transfer-actions{width:100%}.transfer-toolbar input,.transfer-toolbar select{width:100%;flex-basis:100%}.payment-owner-panel{padding:16px}.payment-duration label{padding:12px}.payment-duration{gap:6px}.modal:has(#payment-form){padding:20px;max-height:90dvh;overflow-y:auto}.transfer-receiver{padding:14px}.transfer-receiver input{font-size:16px;letter-spacing:.5px}}

@media(max-width:600px){.payment-duration{flex-wrap:nowrap}.payment-duration label{flex:1;white-space:nowrap;font-size:13px;padding:12px 7px;gap:5px}.payment-duration input{margin:0;width:14px;height:14px}}