:root{--bg:#f4f6fb;--card:#fff;--fg:#172033;--muted:#6b7489;--border:#e3e7f0;--brand:#4f46e5;--brand-soft:#eef0ff;--ok:#15803d;--error:#c62828;--error-soft:#fdecec;--payment:#16a34a;--payment-soft:#e9f8ef;--fee:#d97706;--fee-soft:#fdf3e2;--refund:#dc2626;--refund-soft:#fdecec;--settlement:#2563eb;--settlement-soft:#e8f0fe;--other:#7c3aed;--other-soft:#f2ecfe;--lines:#475569;--lines-soft:#eef1f5;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}[hidden]{display:none!important}*{box-sizing:border-box}body{background:var(--bg);margin:0}.icon{flex:none;width:18px;height:18px}.topbar{background:var(--card);border-bottom:1px solid var(--border)}.brand{align-items:center;gap:12px;max-width:820px;margin:0 auto;padding:14px 16px;display:flex}.brand-mark{background:var(--brand);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.brand-name{font-weight:700}.brand-sub{color:var(--muted);font-size:.85rem}main{gap:16px;max-width:820px;margin:0 auto;padding:20px 16px 64px;display:grid}#result{gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}h2{align-items:center;gap:8px;margin:0;font-size:1rem;display:flex}h2 .icon{color:var(--brand)}.hint{color:var(--muted);font-size:.85rem}.intro h2{margin-bottom:10px}.intro p{margin:0 0 10px;line-height:1.5}.privacy{color:var(--ok);background:var(--payment-soft);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.howto{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.howto summary{cursor:pointer;color:var(--brand);font-weight:600}.howto ol{margin:10px 0 0;padding-left:22px;line-height:1.7}.howto a{color:var(--brand)}.dropzone{cursor:pointer;background:#fafbff;border:2px dashed #c9cfe0;border-radius:10px;align-items:center;gap:14px;padding:18px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone.drag{border-color:var(--brand);background:var(--brand-soft)}.dropzone.has-file{border-style:solid;border-color:var(--brand);background:var(--brand-soft)}.dropzone input{display:none}.dz-icon{background:var(--brand-soft);width:44px;height:44px;color:var(--brand);border-radius:50%;place-items:center;display:grid}.dz-icon .icon{width:22px;height:22px}.dz-title{font-weight:600;display:block}.dz-sub{color:var(--muted);font-size:.85rem;display:block}.actions{justify-content:flex-end;margin-top:12px;display:flex}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--brand);color:#fff}button.primary:not(:disabled):hover{filter:brightness(1.1)}button.ghost{color:var(--brand);background:0 0;border-color:#c9cfe0}button.ghost:not(:disabled):hover{background:var(--brand-soft)}button .icon{width:16px;height:16px}.progress{background:var(--brand-soft);border-radius:3px;height:6px;margin-top:14px;overflow:hidden}#progress-bar{background:var(--brand);width:0;height:100%;transition:width .2s}.alert{background:var(--error-soft);color:var(--error);border-radius:10px;gap:10px;padding:14px;display:flex}.alert ul{margin:6px 0 0;padding-left:18px}.summary{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat{color:var(--muted);align-items:center;gap:10px;display:flex}.stat>span{background:var(--lines-soft);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.stat.ok>span{background:var(--payment-soft);color:var(--ok)}.stat.bad>span{background:var(--error-soft);color:var(--error)}.stat.bad dd{color:var(--error)}.stat dd{color:var(--fg);font-variant-numeric:tabular-nums;margin:0;font-size:1.35rem;font-weight:700}.stat dt{font-size:.8rem}.range-picker{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.range-picker label{color:var(--muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.range-picker input{font:inherit;color:var(--fg);border:1px solid #c9cfe0;border-radius:8px;padding:7px 10px}.range-picker input:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}.field-error{color:var(--error);gap:6px;margin:10px 0 0;font-size:.9rem;display:flex}.categories{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:16px;display:grid}.categories.stale{opacity:.35}.cat{background:var(--c-soft);border:1px solid #0000;border-radius:10px;padding:12px}.cat-head{color:var(--c);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.cat-value{font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.5rem;font-weight:700}.cat.payment{--c:var(--payment);--c-soft:var(--payment-soft)}.cat.fee{--c:var(--fee);--c-soft:var(--fee-soft)}.cat.refund{--c:var(--refund);--c-soft:var(--refund-soft)}.cat.settlement{--c:var(--settlement);--c-soft:var(--settlement-soft)}.cat.other{--c:var(--other);--c-soft:var(--other-soft)}.cat.lines{--c:var(--lines);--c-soft:var(--card);border-color:var(--border)}.files{margin:0;padding:0;list-style:none}.files:not([hidden])+.files{border-top:1px dashed var(--border);margin-top:8px;padding-top:8px}.files li{align-items:center;gap:12px;padding:10px 0;display:flex}.files li+li{border-top:1px solid var(--border)}.file-icon{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:8px;place-items:center;display:grid}.file-info{flex:1;min-width:0}.file-name{overflow-wrap:anywhere;font-weight:600}.file-meta{color:var(--muted);font-size:.85rem}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:6px 8px}th{color:var(--muted);font-weight:600}@media (width<=560px){.summary{grid-template-columns:1fr}}