:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#e9eaf7;background:#101326}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#2c2460,#101326 65%);min-height:100vh}main{max-width:1080px;margin:auto;padding:28px 18px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}h1{font-size:28px;margin:0}h1 small{font-size:13px;color:#aeb6d6}h2{font-size:19px;margin-top:0}.pill{background:#322d52;border:1px solid #746399;color:#f1d5aa;padding:8px 12px;border-radius:99px;font-size:12px}.panel,.stat{background:#1d213b;border:1px solid #363b60;border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 10px 30px #0002}.panel p{color:#c1c5dd;line-height:1.6}label{display:block;margin-bottom:12px;color:#cbd1eb}input,textarea{display:block;width:100%;background:#11162b;border:1px solid #4c5276;color:#fff;border-radius:9px;padding:12px;margin-top:6px;font:inherit}textarea{resize:vertical;line-height:1.5}button{cursor:pointer;border:0;border-radius:9px;padding:11px 17px;background:#5952a3;color:#fff;font-weight:650}button:hover{filter:brightness(1.12)}button.orange{background:#e95b28}button.muted{background:#343956}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}nav button.active{background:#e95b28}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{margin-bottom:18px}.stat span{display:block;color:#aeb6d6;font-size:13px}.stat strong{display:block;font-size:30px;margin-top:8px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.result{white-space:pre-wrap;word-break:break-word;color:#bce2d2;line-height:1.6}.warning{color:#f7bd91!important}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{border-bottom:1px solid #393e60;padding:11px}footer{text-align:center;color:#8e96b5;font-size:12px;margin:26px 0}#message{min-height:24px;color:#ffbf9c}@media(max-width:600px){.stats{grid-template-columns:1fr}header h1{font-size:23px}.panel{padding:16px}}
#paymentOrderRows{max-height:440px;overflow:auto;scrollbar-gutter:stable;border:1px solid #393e60;border-radius:10px;overscroll-behavior:contain}
#paymentOrderRows>table>thead{position:sticky;top:0;z-index:1;background:#252a47}
#paymentOrderRows>table>tbody>tr>td{vertical-align:top}
@media(max-width:600px){#paymentOrderRows{max-height:360px}}
/* Keep account navigation available while scrolling the page. */
#dashboard>nav{position:sticky;top:0;z-index:20;background:#171a32;border-bottom:1px solid #363b60;box-shadow:0 8px 20px #0003;padding:12px 0;margin:0 0 18px;isolation:isolate}
#dashboard>nav button{flex-shrink:0}
@media(max-width:600px){#dashboard>nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:10px 0;gap:6px}#dashboard>nav button{padding:10px 12px}}
