dialog.cpx{--cpx-bg:#131b29;--cpx-line:#2c394e;--cpx-muted:#98a9c2;--cpx-accent:#76e3bb;box-sizing:border-box;width:min(1120px,calc(100vw - 40px));max-height:90vh;margin:auto;padding:0;border:1px solid var(--cpx-line);border-radius:22px;background:var(--cpx-bg);color:#eef3fb;box-shadow:0 32px 100px #0009;font:14px/1.5 system-ui,sans-serif}
dialog.cpx::backdrop{background:#040a15b8;backdrop-filter:blur(5px)}dialog.cpx.cpx--withdraw{width:min(760px,calc(100vw - 40px))}.cpx *{box-sizing:border-box}.cpx-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 28px 20px;background:linear-gradient(120deg,#1c2940,#151e2d);border-bottom:1px solid var(--cpx-line)}.cpx-eyebrow{color:var(--cpx-accent);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.cpx h3{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:7px 0 6px}.cpx-sub{color:var(--cpx-muted);margin:0;font-size:13px}.cpx-close{width:34px;height:34px;flex-shrink:0;border:1px solid var(--cpx-line);border-radius:11px;background:#ffffff06;color:#adbcd2;cursor:pointer;font-size:19px}.cpx-close:hover{background:#ffffff12;color:white}.cpx-body{padding:22px 28px 28px}.cpx-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.cpx-search{position:relative;flex:1;min-width:200px}.cpx-search span{position:absolute;left:14px;top:10px;color:var(--cpx-muted);font-size:18px}.cpx input,.cpx select{font:inherit;color:#edf3fc;background:#0e1623;border:1px solid #33415a;border-radius:11px;min-height:43px;padding:10px 13px;outline:none}.cpx-search input{width:100%;padding-left:40px}.cpx input:focus,.cpx select:focus{border-color:#76e3bb;box-shadow:0 0 0 3px #76e3bb15}.cpx button:focus-visible,.cpx summary:focus-visible{outline:2px solid var(--cpx-accent);outline-offset:3px}.cpx-btn{font:inherit;cursor:pointer;border:1px solid #3b4a63;background:#223047;color:#e6edf8;border-radius:10px;padding:10px 15px;white-space:nowrap;font-weight:600}.cpx-btn:hover{background:#2c3c56}.cpx-btn--primary{background:#7ce5c0;color:#10251e;border-color:#7ce5c0}.cpx-btn--primary:hover{background:#9cefd2}.cpx-btn:disabled{opacity:.5;cursor:wait}.cpx-status:not(:empty){color:#f4cd8a;background:#f5bf4710;border:1px solid #f5bf4730;padding:12px 14px;border-radius:11px;margin:14px 0}.cpx-status:empty{display:none}.cpx-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 22px}.cpx-metric{border:1px solid var(--cpx-line);border-radius:14px;background:#1a2536;padding:15px 16px}.cpx-metric span{font-size:12px;color:var(--cpx-muted);display:block}.cpx-metric strong{font-size:23px;display:block;margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.cpx-metric small{color:var(--cpx-muted);font-size:11px}.cpx-metric--accent{border-color:#386a5c;background:linear-gradient(135deg,#203b36,#192c2b)}.cpx-metric--accent strong{color:#91ebcb}.cpx-tablewrap{overflow-x:auto;border:1px solid var(--cpx-line);border-radius:14px}.cpx table{border-collapse:collapse;width:100%;min-width:760px;text-align:left;font-variant-numeric:tabular-nums}.cpx th{font-size:11px;font-weight:600;color:var(--cpx-muted);padding:13px 15px;background:#192438;white-space:nowrap}.cpx td{padding:15px;border-top:1px solid #2b394d;font-size:13px;white-space:nowrap}.cpx tr:hover td{background:#ffffff03}.cpx td:not(:first-child),.cpx th:not(:first-child){text-align:right}.cpx-person{display:flex;align-items:center;gap:11px;min-width:180px}.cpx-avatar{width:36px;height:36px;display:grid;place-items:center;background:#8272ec20;border:1px solid #8e7df63b;color:#bcb0ff;border-radius:11px;font-weight:700;flex-shrink:0}.cpx-person b{font-size:14px}.cpx-person small{display:block;color:var(--cpx-muted);font-size:11px}.cpx-positive{color:#8de8c6;font-weight:700}.cpx-note{font-size:12px;color:var(--cpx-muted);margin-top:14px}.cpx-empty{text-align:center;padding:34px 18px;border:1px dashed #394761;border-radius:14px;color:var(--cpx-muted)}.cpx-shift{font-size:12px;color:#acbdd5;margin:0 0 12px}.cpx-list{display:flex;flex-direction:column;gap:10px}.cpx-client{display:grid;grid-template-columns:1fr auto;gap:14px;padding:17px;border:1px solid var(--cpx-line);border-radius:14px;background:#182333}.cpx-client-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.cpx-amount{font-size:22px;letter-spacing:-.4px;color:#8de8c6;font-weight:700;font-variant-numeric:tabular-nums}.cpx-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--cpx-muted);margin-top:10px}.cpx-meta code{background:#0e1725;border:1px solid #2c3b52;padding:2px 7px;border-radius:6px;color:#c8d4e6}.cpx-blocked{color:#dfbf8c;font-size:12px;max-width:240px}.cpx-confirm{border:1px solid #35584f;border-radius:18px;padding:24px;background:linear-gradient(135deg,#1d3431,#172332);text-align:center}.cpx-confirm .cpx-amount{font-size:44px;margin:13px 0}.cpx-confirm .cpx-person{justify-content:center}.cpx-confirm-info{margin:20px 0 0;border-top:1px solid #38534d;padding-top:18px;color:#a9c2ba}.cpx-confirm-info code{font-size:19px;color:#f3fff9;display:block;margin-top:6px}.cpx-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cpx-success{text-align:center;padding:28px 10px}.cpx-success-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:50%;background:#76e3bb20;color:#89e8c4;font-size:28px}.cpx-success h4{font-size:22px;margin:0 0 8px}
@media(max-width:650px){dialog.cpx,dialog.cpx.cpx--withdraw{width:calc(100vw - 16px);max-height:94vh;border-radius:16px}.cpx-head{padding:20px 18px 16px}.cpx-body{padding:18px}.cpx h3{font-size:21px}.cpx-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cpx-metric{padding:12px}.cpx-metric strong{font-size:20px}.cpx-toolbar select{flex:1;min-width:0}.cpx-search{flex-basis:100%}.cpx-client{padding:13px;gap:10px}.cpx-client .cpx-person{min-width:0;align-items:flex-start}.cpx-client .cpx-person b{overflow-wrap:anywhere}.cpx-client-side .cpx-btn{padding:8px 10px;font-size:12px}.cpx-amount{font-size:20px}.cpx-client .cpx-avatar{display:none}}

.cpx--simple-stats{width:min(900px,calc(100vw - 40px))!important}.cpx--simple-stats table{min-width:580px}.cpx-debt-summary{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 20px;padding:20px 23px;border:1px solid #386a5c;border-radius:15px;background:linear-gradient(120deg,#203c35,#1a2c2d)}.cpx-debt-summary span{color:#bed7cd;font-size:13px}.cpx-debt-summary strong{display:block;color:#97edcd;font-size:34px;letter-spacing:-1px;margin-top:5px;font-variant-numeric:tabular-nums}.cpx-debt-summary small{color:#aac6bb}.cpx-settled{font-size:12px;font-weight:400;color:#9aacbf}@media(max-width:650px){.cpx--simple-stats{width:calc(100vw - 16px)!important}.cpx-debt-summary{padding:16px;align-items:flex-start;flex-direction:column;gap:4px}.cpx-debt-summary strong{font-size:30px}}