body.payments-page{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(34,211,238,.16),transparent 28%),linear-gradient(180deg,#09101b,#050914);color:#eaf4ff}.payments-header{padding:18px 0}.payments-header__inner,.payments-header__actions{display:flex;align-items:center}.payments-header__inner{justify-content:space-between;gap:16px}.payments-header__actions{gap:10px}.payments-brand{color:#fff;font-size:1.75rem;font-weight:900;letter-spacing:.02em;text-decoration:none}.payments-brand span{color:#11bfcf}.payments-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0f;color:#edf7ff;text-decoration:none;font:inherit;cursor:pointer}.payments-link--button:hover,.payments-link:hover{background:#ffffff1f}.payments-main{padding-top:24px;padding-bottom:64px}.payments-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:24px;margin-bottom:24px}.payments-eyebrow{margin:0 0 8px;color:#7ee7ff;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.payments-hero h1,.payments-panel h2{margin:0 0 10px}.payments-copy,.payments-status-card__meta,.payments-panel__header p{color:#eaf4ffc2}.payments-status-card,.payments-panel,.payments-metric{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:0 24px 64px #0003}.payments-status-card,.payments-panel{padding:22px}.payments-status-card__label,.payments-metric__label{color:#eaf4ffb3;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.payments-status-card__value,.payments-metric__value{display:block;margin-top:10px;font-size:1.6rem;font-weight:800}.payments-alert{margin-bottom:18px;padding:14px 16px;border-radius:16px}.payments-alert.info{background:#1e40af2e;border:1px solid rgba(96,165,250,.26)}.payments-alert.error{background:#be181829;border:1px solid rgba(248,113,113,.28)}.payments-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px}.payments-metric{padding:18px}.payments-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.payments-panel__note code,.payments-table code{color:#bff5ff}.payments-table-wrap{overflow-x:auto}.payments-table{width:100%;border-collapse:collapse}.payments-table th,.payments-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.payments-table th{color:#eaf4ffbd;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.payments-badge{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:capitalize}.payments-badge--paid{background:#05966933;color:#bafcef}.payments-badge--pending{background:#ca8a043d;color:#fde68a}.payments-badge--failed,.payments-badge--refunded{background:#b91c1c3d;color:#fecaca}.payments-panel--empty{text-align:center}@media (max-width: 900px){.payments-hero,.payments-summary{grid-template-columns:1fr}.payments-header__inner,.payments-panel__header{flex-direction:column;align-items:flex-start}.payments-header__actions{flex-wrap:wrap}}