.pay-page {--pay-card-bg: #ffffff;--pay-card-border: #e2e4e8;--pay-card-shadow: 0 1px 4px rgba(0,0,0,0.08), 0 0 0 1px var(--pay-card-border);--pay-accent: #424649;--pay-accent-light: #f7f8fa;--pay-label-color: #336699;--pay-label-width: 160px;--pay-row-gap: 14px;--pay-input-radius: 5px;}.pay-card {background: var(--pay-card-bg);border-radius: 8px;box-shadow: var(--pay-card-shadow);padding: 24px 28px;margin-bottom: 20px;}.pay-card__title {font-size: 0.7rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--pay-label-color);margin-bottom: 18px;padding-bottom: 10px;border-bottom: 1px solid var(--pay-card-border);}.pay-row {display: flex;align-items: flex-start;gap: 12px;margin-bottom: var(--pay-row-gap);}.pay-row__label {flex: 0 0 var(--pay-label-width);font-size: 0.82rem;color: var(--pay-label-color);padding-top: 8px;text-align: right;line-height: 1.3;}.pay-row__label .required {color: #e55;font-weight: 700;margin-left: 2px;}.pay-row__input {flex: 1;min-width: 0;}.pay-row__input .form-control {border-radius: var(--pay-input-radius);border: 1px solid var(--pay-card-border);background: var(--pay-accent-light);font-size: 0.9rem;padding: 7px 10px;transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;}.pay-row__input .form-control:focus {border-color: #424649;background: #fff;box-shadow: 0 0 0 3px rgba(66,70,73,0.08);outline: none;}.pay-row__suffix {flex: 0 0 auto;padding-top: 8px;font-size: 0.85rem;color: var(--pay-label-color);font-weight: 600;}.pay-balance {padding-top: 7px;font-size: 1rem;font-weight: 600;letter-spacing: 0.01em;}.pay-balance .redWarning {color: #c0392b;}.pay-license-info__label {margin-left: 14px;padding-left: 14px;border-left: 1px solid #d0d5dd;font-size: 0.82rem;font-weight: 400;vertical-align: middle;}.pay-license-info {margin-left: 6px;font-size: 0.82rem;font-weight: 400;vertical-align: middle;}.pay-balance-error {display: none;margin-top: 4px;}.pay-eligibility-warning {margin-bottom: 12px;display: flex;align-items: center;gap: 8px;}.pay-divider {border: none;border-top: 1px solid var(--pay-card-border);margin: 18px 0;}.pay-actions {display: flex;justify-content: flex-end;padding-top: 4px;}.pay-actions .btn-success {padding: 8px 28px;font-size: 0.875rem;font-weight: 600;border-radius: var(--pay-input-radius);letter-spacing: 0.02em;}#amount.pay-negative {border-color: #e55;box-shadow: 0 0 0 3px rgba(221,85,85,0.12);}.pay-row--compound {flex-wrap: wrap;gap: 0 24px;align-items: flex-start;}.pay-row--compound .pay-row__group {display: flex;align-items: flex-start;gap: 12px;}.pay-row--compound .pay-row__group .pay-row__label {flex: 0 0 auto;width: auto;min-width: 80px;}.pay-row--compound .pay-row__group:first-child .pay-row__label {flex: 0 0 var(--pay-label-width);}.pay-own-account {display: flex;align-items: center;gap: 8px;padding-top: 8px;font-size: 0.82rem;cursor: pointer;user-select: none;white-space: nowrap;}.pay-own-account input[type="checkbox"] {width: 16px;height: 16px;cursor: pointer;accent-color: #424649;flex-shrink: 0;}.pay-own-account:has(input:disabled) {opacity: 0.4;cursor: not-allowed;}.pay-own-account input[type="checkbox"]:disabled {cursor: not-allowed;}.pay-history {display: none;animation: payFadeIn 0.25s ease-out;}.pay-history.is-visible {display: block;}@keyframes payFadeIn {from { opacity: 0; transform: translateY(6px); }to   { opacity: 1; transform: translateY(0); }}.pay-history__header {display: flex;align-items: baseline;gap: 10px;margin-bottom: 14px;padding-bottom: 10px;border-bottom: 1px solid var(--pay-card-border);}.pay-history__title {font-size: 0.7rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--pay-label-color);}.pay-history__owner {font-size: 0.82rem;font-weight: 600;color: #333;}.pay-tx-table {width: 100%;font-size: 0.82rem;border-collapse: collapse;}.pay-tx-table thead th {background: var(--pay-accent-light);color: var(--pay-label-color);font-weight: 600;font-size: 0.72rem;letter-spacing: 0.06em;text-transform: uppercase;padding: 6px 10px;border-bottom: 1px solid var(--pay-card-border);white-space: nowrap;}.pay-tx-table tbody tr {border-bottom: 1px solid #f0f1f3;transition: background 0.1s;}.pay-tx-table tbody tr:last-child {border-bottom: none;}.pay-tx-table tbody tr:hover {background: #f7f8fa;}.pay-tx-table td {padding: 7px 10px;vertical-align: middle;color: #444;border: none;}.pay-tx-table thead th:first-child,.pay-tx-table td:first-child {padding-left: 4px;}.pay-tx__amount {text-align: right;font-variant-numeric: tabular-nums;font-weight: 500;}.pay-tx__amount--neg {color: #c0392b;}.pay-tx__balance {text-align: right;font-variant-numeric: tabular-nums;font-weight: 600;color: #333;}.pay-tx__comment {color: #888;font-size: 0.78rem;max-width: 220px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.pay-tx__meta {color: #aaa;font-size: 0.75rem;white-space: nowrap;}.pay-tx__empty {text-align: center;color: #aaa;padding: 20px;font-style: italic;}.pay-tx-loading {text-align: center;padding: 18px;color: #aaa;font-size: 0.85rem;}@media (max-width: 600px) {.pay-row__input .form-control,.pay-row__input select,.pay-row__input input,.pay-row__input textarea {font-size: 16px !important;}.pay-card {padding: 16px;border-radius: 6px;}.pay-row {flex-direction: column;gap: 4px;}.pay-row__label {flex: none;width: auto;text-align: left;padding-top: 0;}.pay-row__suffix {padding-top: 0;}.pay-row:not(.pay-row--compound):has(.pay-row__suffix) {flex-direction: row;flex-wrap: wrap;align-items: flex-start;}.pay-row:not(.pay-row--compound):has(.pay-row__suffix) .pay-row__label {flex: 0 0 100%;margin-bottom: 4px;}.pay-row:not(.pay-row--compound):has(.pay-row__suffix) .pay-row__suffix {align-self: center;padding-top: 0;}.pay-row--compound .pay-row__group:has(.pay-row__suffix) {flex-direction: row;flex-wrap: wrap;}.pay-row--compound .pay-row__group:has(.pay-row__suffix) .pay-row__label {flex: 0 0 100%;margin-bottom: 4px;padding-top: 0;}.pay-row--compound .pay-row__group:has(.pay-row__suffix) .pay-row__suffix {align-self: center;padding-top: 0;}.pay-row--compound {flex-direction: column;gap: 12px;}.pay-row--compound .pay-row__group {flex-direction: column;gap: 4px;}.pay-row--compound .pay-row__group .pay-row__label,.pay-row--compound .pay-row__group:first-child .pay-row__label {flex: none;width: auto;padding-top: 0;}.pay-own-account {padding-top: 0;}.pay-tx-table {font-size: 0.75rem;}.pay-tx-table thead th,.pay-tx-table td {padding: 5px 6px;}}