:root{--jsda-bg:#f5f7fb;--jsda-card:#fff;--jsda-ink:#111827;--jsda-muted:#6b7280;--jsda-line:#e5e7eb;--jsda-brand:#2563eb;--jsda-green:#059669;--jsda-red:#dc2626;--jsda-amber:#d97706}.jsda-shell{max-width:980px;margin:0 auto;padding:18px 14px 90px;background:var(--jsda-bg);color:var(--jsda-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:70vh}.jsda-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.jsda-head h1{margin:2px 0 0;font-size:28px;line-height:1.1}.jsda-head p{margin:5px 0 0;color:var(--jsda-muted)}.jsda-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--jsda-brand)}.jsda-switch select{max-width:220px;border:1px solid var(--jsda-line);background:#fff;border-radius:12px;padding:10px}.jsda-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;background:#e9eef8;padding:6px;border-radius:16px;margin-bottom:14px}.jsda-tabs a{text-align:center;text-decoration:none;color:#4b5563;font-weight:750;padding:10px 5px;border-radius:11px;font-size:13px}.jsda-tabs a.active{background:#fff;color:var(--jsda-ink);box-shadow:0 2px 8px rgb(15 23 42 / .08)}.jsda-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.jsda-stat{background:var(--jsda-card);border:1px solid var(--jsda-line);border-radius:18px;padding:15px;box-shadow:0 6px 24px rgb(15 23 42 / .04)}.jsda-stat span{display:block;font-size:12px;color:var(--jsda-muted);margin-bottom:6px}.jsda-stat strong{font-size:20px}.jsda-stat.warning strong{color:var(--jsda-red)}.jsda-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.jsda-quick a{background:#fff;border:1px solid var(--jsda-line);border-radius:16px;text-align:center;padding:13px 6px;text-decoration:none;color:var(--jsda-ink);font-weight:700;font-size:12px}.jsda-quick b{display:flex;margin:0 auto 7px;width:34px;height:34px;border-radius:11px;align-items:center;justify-content:center;background:#eff6ff;color:var(--jsda-brand);font-size:18px}.jsda-card{background:#fff;border:1px solid var(--jsda-line);border-radius:18px;padding:16px;margin:12px 0;box-shadow:0 6px 24px rgb(15 23 42 / .04)}.jsda-card h2,.jsda-card h3{margin:0 0 6px}.jsda-muted{color:var(--jsda-muted);margin:0 0 12px}.jsda-tally-card{display:flex;align-items:center;justify-content:space-between}.jsda-tally-card small{display:block;color:var(--jsda-muted)}.jsda-tally-card strong{display:block;font-size:18px;margin-top:4px}.jsda-tally-card a{text-decoration:none;font-weight:800;color:var(--jsda-brand)}.jsda-form{display:grid;gap:11px}.jsda-form label,.jsda-filter label{font-size:12px;font-weight:750;color:#4b5563}.jsda-form input,.jsda-form select,.jsda-form textarea,.jsda-filter input,.jsda-filter select{width:100%;box-sizing:border-box;margin-top:5px;padding:12px 13px;border:1px solid #d7dce5;border-radius:12px;background:#fff;color:#111827;font:inherit}.jsda-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jsda-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 16px;background:#e8eef9;color:#111827;text-decoration:none;font-weight:800;cursor:pointer}.jsda-btn.primary{background:var(--jsda-brand);color:#fff}.jsda-list{margin-top:16px}.jsda-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.jsda-section-title h2{font-size:18px;margin:0}.jsda-section-title span{font-size:12px;color:var(--jsda-muted)}.jsda-txn,.jsda-customer{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;background:#fff;border:1px solid var(--jsda-line);border-radius:16px;padding:12px;margin-bottom:8px}.jsda-txn-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;background:#eef2ff;color:#4338ca}.jsda-txn-icon.expense{background:#fef2f2;color:var(--jsda-red)}.jsda-txn-icon.payment_received{background:#ecfdf5;color:var(--jsda-green)}.jsda-txn-main strong,.jsda-customer strong{display:block}.jsda-txn-main small,.jsda-customer small{display:block;color:var(--jsda-muted);font-size:11px;margin-top:3px}.jsda-txn-amt{text-align:right}.jsda-txn-amt b{display:block}.jsda-txn-amt span{font-size:10px;font-weight:800}.jsda-txn-amt .done{color:var(--jsda-green)}.jsda-txn-amt .pending{color:var(--jsda-amber)}.jsda-row-actions{grid-column:2/4;display:flex;gap:12px;font-size:11px}.jsda-row-actions a{text-decoration:none;color:var(--jsda-brand);font-weight:750}.jsda-row-actions a.danger{color:var(--jsda-red)}.jsda-customer{grid-template-columns:1fr auto}.jsda-balance{text-align:right}.jsda-balance span{display:block;font-size:10px;color:var(--jsda-muted)}.jsda-balance b{font-size:16px}.jsda-balance.due b{color:var(--jsda-red)}.jsda-balance.clear b{color:var(--jsda-green)}.jsda-customer-actions{grid-column:1/3;display:flex;flex-wrap:wrap;gap:7px}.jsda-customer-actions a{font-size:11px;background:#f3f6fa;border-radius:9px;padding:7px 9px;text-decoration:none;color:#1f2937;font-weight:750}.jsda-filter{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end}.jsda-export{text-align:right;margin:10px 0}.jsda-notice{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;padding:11px 13px;border-radius:13px;margin-bottom:12px;font-weight:750}.jsda-empty{text-align:center;background:#fff;border:1px solid var(--jsda-line);padding:28px;border-radius:18px}.jsda-empty.small{padding:18px}.jsda-empty h2{margin-top:0}.jsda-empty p{color:var(--jsda-muted)}@media(max-width:700px){.jsda-shell{padding:12px 10px 84px}.jsda-head{align-items:flex-start}.jsda-head h1{font-size:24px}.jsda-grid4{grid-template-columns:1fr 1fr}.jsda-quick{grid-template-columns:repeat(4,1fr)}.jsda-stat{padding:12px}.jsda-stat strong{font-size:17px}.jsda-tabs{position:sticky;top:4px;z-index:20}.jsda-filter{grid-template-columns:1fr 1fr}.jsda-filter .jsda-btn{grid-column:1/3}.jsda-txn{grid-template-columns:auto 1fr auto}.jsda-switch select{max-width:140px;font-size:12px}.jsda-quick a{padding:11px 3px;font-size:10px}.jsda-two{grid-template-columns:1fr 1fr}}@media(max-width:430px){.jsda-txn-main small{max-width:170px}.jsda-head p{max-width:190px}.jsda-report{grid-template-columns:1fr 1fr}}.jsda-shell{position:relative;transition:opacity .16s ease,transform .16s ease}.jsda-shell.jsda-ajax-busy{opacity:.58;pointer-events:none;transform:translateY(2px)}.jsda-shell.jsda-ajax-busy:after{content:"";position:fixed;z-index:999999;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid rgb(23 105 255 / .18);border-top-color:#1769ff;border-radius:50%;animation:jsdaSpin .7s linear infinite;background:#fff0}@keyframes jsdaSpin{to{transform:rotate(360deg)}}