.payment-panel{margin-top:24px;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}
.payment-panel-header,.tab-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.payment-panel h2{font-size:18px;margin:0 0 6px}.payment-panel p{color:var(--muted);font-size:12px;margin:0}.tab-selection-bar{justify-content:flex-start;margin:20px 0 12px}
.tab-selection-bar label{display:flex;align-items:center;gap:8px;font-size:13px}.tab-selection-bar span{font-size:12px;color:var(--muted)}
.tab-selection-bar .primary-button{margin-left:auto}.payment-table-wrap{overflow:auto}.payment-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.payment-table th{text-align:left;color:var(--muted);font-weight:500;font-size:10px;letter-spacing:.07em;padding:14px 10px;border-bottom:1px solid var(--border)}.payment-table td{padding:15px 10px;border-bottom:1px solid var(--border)}.payment-table small{display:block;color:var(--muted);font-size:10px;margin-top:5px;max-width:260px;white-space:normal;line-height:1.5}.payment-empty{text-align:center;color:var(--muted);padding:30px!important}
.payment-badge{display:inline-block;padding:5px 9px;border-radius:7px;color:#b8c4d8;background:#182336;font-size:10px}.payment-badge.paid{color:#68dbb2;background:#113a32}.payment-badge.pending{color:#ffcc78;background:#3d3020}.payment-badge.review{color:#ffabab;background:#462331}.payment-badge.expired{color:#a7b1c3;background:#222b3b}
.payment-link{color:#83afff;font-size:12px;background:none;border:none;cursor:pointer;padding:8px}.payment-notice{margin:18px 0 0;padding:13px 16px;border:1px solid #226c54;background:#113a32;color:#91e6c4;font-size:13px;border-radius:10px}.payment-notice.is-error{border-color:#863b48;background:#462331;color:#ffb6bd}.payment-error{color:#ffabab;font-size:12px;line-height:1.6}.payment-modal{max-width:480px;max-height:90dvh;overflow:auto}.payment-modal h2{margin:10px 0 12px}.payment-modal label{display:block;font-size:12px;color:var(--muted);margin:18px 0}.payment-modal input{display:block;width:100%;margin-top:8px;background:#101a2a;color:#fff;border:1px solid var(--border);border-radius:9px;padding:12px;font:inherit;font-size:15px}.payment-modal .payment-fields{display:flex;gap:14px}.payment-fields label{flex:1;min-width:0}.payment-total-box{padding:18px;border:1px solid var(--border);border-radius:12px;margin:16px 0;background:#101a2a}.payment-total-box strong{font-size:28px;color:#91e6c4;display:block;margin-top:8px}.payment-total-box small{font-size:11px;color:var(--muted);line-height:1.6;display:block}.payment-modal .payment-price-note{font-size:12px;line-height:1.7;color:var(--muted)}.payment-targets{font-size:12px;line-height:1.6;color:#a9c5ff}.payment-qr{display:block;width:220px;height:220px;object-fit:contain;margin:20px auto;border-radius:10px;background:#fff}.payment-details{display:grid;gap:12px;font-size:13px}.payment-details>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.payment-details small{color:var(--muted)}.payment-details b{overflow-wrap:anywhere;text-align:right}.payment-copy-row{padding:12px;background:#101a2a;border:1px solid var(--border);border-radius:10px}.payment-copy-row b{font-family:'DM Mono',monospace}.payment-copy-row button{background:#223452;color:#a9c5ff;border:0;border-radius:6px;padding:7px 10px;cursor:pointer;white-space:nowrap}.payment-deadline{display:flex;justify-content:center;gap:10px;color:var(--muted);font-size:12px;margin:16px 0}.payment-deadline b{color:#ffcc78}.payment-checkout-status{text-align:center;color:#91e6c4;font-size:13px;line-height:1.6}.tab-select{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);cursor:pointer}.tab-select input,.payment-panel input[type=checkbox]{accent-color:#6c9fff;width:15px;height:15px}.session-card:has(.tab-select input:checked){border-color:#699eff;box-shadow:0 0 0 1px #699eff}.payment-more{display:block;margin:12px auto 0}.payment-modal [hidden],.payment-panel [hidden],.payment-qr[hidden]{display:none!important}
.j2me-modal [hidden]{display:none!important}
.payment-panel button:disabled,.payment-modal button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:600px){.payment-panel{padding:16px 10px}.payment-modal{width:calc(100% - 24px);padding:22px 18px}.payment-table td,.payment-table th{padding:12px 7px}.tab-selection-bar .primary-button{margin-left:0}.payment-fields{gap:10px!important}.payment-details{font-size:12px}}