@import url('/static/payment-fonts.css');
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#193332;background:#f4f7f5;font-synthesis:none;--green:#087c64;--muted:#72817d;--line:#dfe7e2}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;border:0;border-radius:9px;background:var(--green);color:white;padding:13px 18px;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:#f1f5f2;color:#315c50;border:1px solid var(--line);padding:10px 14px;font-size:13px}button:hover:not(:disabled){filter:brightness(.94)}.top{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;border-bottom:1px solid var(--line);padding:0 28px}.brand{font-size:20px;font-weight:800;display:flex;gap:10px;align-items:center}.brand:first-letter{color:white}.brand span{color:#183e31}nav{display:flex;gap:30px;font-size:14px}nav a{color:#576e62}.pill{display:inline-block;background:#e5efe8;color:#346548;border-radius:50px;padding:6px 11px;font-size:12px;white-space:nowrap}main{max-width:1180px;margin:auto;padding:0 28px}.hero{display:flex;justify-content:space-between;gap:50px;align-items:center;padding:60px 0 42px}.eyebrow{color:var(--green);letter-spacing:2px;font-weight:700;font-size:11px;margin:0 0 16px}h1{font-size:46px;line-height:1.25;letter-spacing:-2px;margin:0 0 20px}h1 span{color:var(--green)}.hero p:not(.eyebrow){max-width:500px;line-height:1.8;color:var(--muted);font-size:14px}.hero-note{max-width:300px;border-left:2px solid #b8d5c3;padding:8px 0 8px 24px}.hero-note span{display:block;font-size:12px;letter-spacing:2px;color:var(--muted);margin-bottom:22px}.hero-note strong{font-size:17px}.config{background:#edf2ed;border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin-bottom:24px;font-size:13px;color:#53685c}.config summary{cursor:pointer;color:#274a36;font-weight:600}.config summary span{float:right;font-weight:400}.config li{margin:9px 0}.config input{max-width:350px}.notice{padding:15px 20px;background:#fff5df;border:1px solid #e6d4a6;border-radius:10px;margin:0 0 20px;overflow-wrap:anywhere}.notice.error{color:#942c2c;background:#fff0ed;border-color:#eecdc4}.workspace{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:24px}.number{background:#edf4ee;border-radius:8px;padding:10px;color:var(--green);font-size:13px;font-weight:700}h2{font-size:19px;letter-spacing:-.3px;margin:0}h3{font-size:17px}.section-title p{font-size:12px;color:var(--muted);margin:5px 0 0}.second{border-top:1px solid var(--line);padding-top:24px;margin-top:26px}label{display:block;font-size:13px;font-weight:500;margin:16px 0}input,select,textarea{width:100%;border:1px solid #d5dfd8;border-radius:8px;background:#fff;color:#264238;padding:12px;margin-top:8px;font-size:14px}textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:12px}small,.small{font-size:12px;color:var(--muted);font-weight:400;line-height:1.7}.under{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid label{margin:8px 0}#prepare{width:100%;display:flex;justify-content:space-between;margin-top:26px}.checkout{position:sticky;top:24px}.empty{text-align:center;padding:62px 16px;max-width:330px;margin:auto}.empty p{font-size:13px;line-height:1.8;color:var(--muted)}.empty-icon{font-size:35px;background:#eff5ef;border-radius:50%;width:74px;height:74px;display:grid;place-items:center;margin:auto;color:#7ba28b}.order-line{display:flex;justify-content:space-between;gap:12px;font-size:13px}.amount{font-size:36px;letter-spacing:-1px;font-weight:700;margin-top:22px}.muted{color:var(--muted);font-size:13px;line-height:1.7}dl{display:grid;grid-template-columns:75px 1fr;font-size:12px;line-height:2.3;margin-bottom:24px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.consent{display:flex;align-items:flex-start;gap:9px;line-height:1.7;font-size:12px}.consent input{width:16px;margin-top:4px;flex-shrink:0}#pay{width:100%}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}#timeline{border-top:1px solid var(--line);margin-top:25px;padding:20px 0 0;list-style:none;font-size:12px;color:#536a5d}#timeline li{padding:8px 0;line-height:1.65}#timeline li::before{content:'•';color:#49916c;margin-right:9px}.history{margin:28px 0}.row{display:flex;justify-content:space-between;gap:24px;align-items:center}.row .eyebrow{margin-bottom:8px}.table-wrap{overflow:auto;margin-top:24px}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{font-size:11px;color:var(--muted);font-weight:500;padding:12px;border-bottom:1px solid var(--line)}td{padding:16px 12px;border-bottom:1px solid #edf1ed;white-space:nowrap}.management-result{margin-top:20px;overflow-wrap:anywhere;max-height:450px;overflow:auto;font-size:13px;line-height:1.8}.management-result article{padding:14px 0;border-bottom:1px solid var(--line)}footer{display:flex;justify-content:space-between;padding:28px 0;color:var(--muted);font-size:12px}[hidden]{display:none!important}.config[open] summary{margin-bottom:20px}#recovery{margin-top:18px;font-size:12px;color:var(--muted)}@media(max-width:780px){.top{padding:0 20px}nav{gap:15px;font-size:12px}.top>.pill{display:none}main{padding:0 16px}.hero{padding:35px 6px 25px}.hero-note{display:none}h1{font-size:36px}.workspace{grid-template-columns:1fr}.panel{padding:22px}.checkout{position:static}.empty{padding:24px 10px}.row{align-items:flex-start;flex-direction:column;gap:12px}.under{flex-direction:column}.config summary span{float:none;margin-left:8px}.config{padding:15px}.amount{font-size:31px}footer{font-size:10px}.grid{gap:10px}}

#diagnostic-content { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; line-height: 1.7; max-height: 420px; overflow: auto; }

.proxy-toggle { display: flex; align-items: center; gap: 8px; }
.proxy-toggle input { width: auto; }