:root{--bg: #f2f3f5;--card: #ffffff;--line: #d5d8dd;--text: #16181d;--muted: #5c626d;--green: #0f7b3f;--green-bg: #e3f5e9;--red: #b3261e;--red-bg: #fbe6e4;--amber: #8a5a00;--amber-bg: #fdf1d8;--grey: #4a4f59;--grey-bg: #e6e8eb;--blue: #14508c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:16px}.page{max-width:1100px;margin:0 auto;padding:16px 16px 48px}.header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:8px 2px 14px;flex-wrap:wrap}.header h1{margin:0;font-size:24px;letter-spacing:-.01em}.totals{display:flex;gap:16px;font-size:15px;color:var(--muted)}.totals strong{color:var(--text)}.unresolved{color:var(--amber);font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:6px}.form{padding:16px;margin-bottom:16px}.fields{display:grid;grid-template-columns:1.1fr .8fr 1.1fr auto;gap:12px;align-items:start}@media (max-width: 820px){.fields{grid-template-columns:1fr 1fr}.field-name,.btn-send{grid-column:span 2}}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.label{font-size:14px;font-weight:600;color:var(--muted)}.optional{font-weight:400;color:#8b909a}.input{height:52px;padding:0 12px;font-size:18px;font-family:inherit;color:var(--text);background:#fff;border:2px solid var(--line);border-radius:4px;width:100%}.input:focus{outline:none;border-color:var(--blue)}.input-error{border-color:var(--red);background:snow}.field-error{font-size:13px;font-weight:600;color:var(--red)}.btn{font-family:inherit;font-weight:700;border-radius:4px;border:2px solid transparent;cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-send{align-self:end;height:52px;min-width:190px;padding:0 24px;font-size:18px;color:#fff;background:var(--green)}.btn-send:disabled{background:var(--grey)}.form-note{margin:12px 0 0;font-size:14px;color:var(--amber)}.form-error,.list-error{margin:12px 0 0;padding:10px 12px;font-size:15px;font-weight:600;color:var(--red);background:var(--red-bg);border:1px solid #f0bfba;border-radius:4px}.list-error{margin:0 0 12px}.table-wrap{overflow-x:auto}.empty{padding:28px 16px;text-align:center;color:var(--muted)}.empty p{margin:0}.table{width:100%;border-collapse:collapse;font-size:16px}.table th{text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 12px;border-bottom:2px solid var(--line);white-space:nowrap}.table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:none}.col-time{width:70px;font-variant-numeric:tabular-nums;color:var(--muted)}.col-phone{white-space:nowrap;font-variant-numeric:tabular-nums}.col-amount{width:100px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.col-status{width:110px}.col-action{width:140px;text-align:right}.sub{display:block;font-size:13px;color:var(--muted)}.receipt{display:block;font-family:ui-monospace,Consolas,monospace;font-size:15px;color:var(--green)}.detail-text{font-size:14px;color:var(--muted)}.row-stale{background:#fafafa}.badge{display:inline-block;padding:5px 10px;border-radius:4px;font-size:14px;font-weight:700;white-space:nowrap}.badge-success{color:var(--green);background:var(--green-bg);border:1px solid #b6e0c5}.badge-failed{color:var(--red);background:var(--red-bg);border:1px solid #f0bfba}.badge-pending{color:var(--amber);background:var(--amber-bg);border:1px solid #e8d09a}.badge-stale{color:var(--grey);background:var(--grey-bg);border:1px solid #c9cdd3}.btn-check{height:42px;min-width:120px;padding:0 14px;font-size:15px;color:var(--text);background:#fff;border-color:var(--line)}.btn-check:hover:enabled{border-color:var(--blue);color:var(--blue)}
