.ppay-card,.ppay-modal{color:#133b51;background:#fff;border:1px solid #d9e7ef;border-radius:20px;padding:24px;font:15px/1.5 system-ui,sans-serif;box-shadow:0 8px 30px #0c37540a}.ppay-card{margin:0 0 20px}.ppay-card h2,.ppay-modal h2{font-size:24px;font-weight:800;margin:0 0 10px}.ppay-card h3{font-size:20px;font-weight:750}.ppay-card p,.ppay-modal p{margin:8px 0}.ppay-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#031c35bb;padding:16px;backdrop-filter:blur(5px)}.ppay-modal{width:100%;max-width:620px;max-height:92dvh;overflow:auto}.ppay-modal header,.ppay-row-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.ppay-modal small{color:#567283}.ppay-modal nav,.ppay-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:14px 0}.ppay-controls label{flex:1;min-width:160px}.ppay-field{display:flex;flex-direction:column;gap:6px;font-weight:650;margin:12px 0}.ppay-card input:not([type=checkbox]),.ppay-modal input,.ppay-card select,.ppay-modal select{width:100%;min-width:0;padding:11px 12px;border:1px solid #bfd5e3;border-radius:10px;background:#f8fcff;color:#123a52;font:inherit}.ppay-card button,.ppay-modal button{padding:10px 15px;border-radius:10px;background:#eaf5fb;border:1px solid #c7e0ef;color:#153e56;font:600 14px system-ui;cursor:pointer}.ppay-card button.ppay-primary,.ppay-modal button.ppay-primary{background:#087fbb;border-color:#087fbb;color:#fff}.ppay-card button:disabled,.ppay-modal button:disabled{opacity:.5;cursor:wait}.ppay-card :focus-visible,.ppay-modal :focus-visible{outline:3px solid #16a7df;outline-offset:2px}.ppay-modal nav button[aria-pressed=true]{background:#087fbb;color:#fff}.ppay-row{padding:18px 0;border-bottom:1px solid #dce9f1;overflow-wrap:anywhere}.ppay-row-title strong{font-size:22px;white-space:nowrap}.ppay-row-title span{font-size:12px;font-weight:700;background:#eaf4ff;padding:5px 9px;border-radius:8px}.ppay-row-title [data-state=paid]{background:#dcfce7;color:#166534}.ppay-row-title [data-state=rejected]{background:#fee2e2;color:#991b1b}.ppay-error{background:#fff0f0;color:#a01928;padding:12px;border-radius:10px}.ppay-success{background:#e7f9ed;color:#167a37;padding:12px;border-radius:10px}.ppay-id{display:block;color:#718695}.ppay-form fieldset{border:0;padding:0;margin:0}.ppay-card summary{cursor:pointer;font-weight:700;padding:12px 0}@media(max-width:520px){.ppay-card,.ppay-modal{padding:17px;border-radius:16px}.ppay-row-title{align-items:start}.ppay-row-title span{max-width:65%}.ppay-controls{align-items:stretch}.ppay-controls label{min-width:100%;}.ppay-modal header h2{font-size:22px}}