*{box-sizing:border-box}body{margin:0;font:15px/1.4 system-ui,sans-serif;background:#f4f6fa;color:#1c2333}.wrap{max-width:980px;margin:auto;padding:12px}.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between}h1{font-size:20px;margin:6px 0}h2{font-size:16px;margin:16px 0 8px}.tabs{display:flex;gap:4px;overflow-x:auto;margin:10px 0}.tabs button{padding:8px 12px;border:0;border-radius:8px;background:#e3e8f2;cursor:pointer}.tabs .on{background:#2f5496;color:#fff}.card{background:#fff;border-radius:10px;padding:12px;margin-bottom:12px;box-shadow:0 1px 3px #0001}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.stat{background:#fff;border-radius:10px;padding:10px}.stat b{display:block;font-size:18px}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:6px 8px;border-bottom:1px solid #e3e8f2;text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left}th{background:#eef2fa}.Receive{color:#17803d;font-weight:600}.Pay{color:#c0392b;font-weight:600}form{display:flex;gap:6px;flex-wrap:wrap;align-items:end}label{display:flex;flex-direction:column;font-size:12px;gap:2px}input,select,button{font:inherit;padding:6px 8px;border:1px solid #c9d2e3;border-radius:6px}button.p{background:#2f5496;color:#fff;border:0;cursor:pointer}.mi{width:52px;padding:4px;text-align:center}.err{background:#fde8e8;color:#a12;padding:8px;border-radius:8px;margin:8px 0}.muted{color:#667}@media print{.tabs,form,.noprint{display:none}}