:root{--bank:#0a8f5d;--bank-dark:#08744c;--bank-soft:#e8f7ef;--ink:#17231f;--muted:#6d7c75}.brand span{color:var(--bank)}.ledger-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}.ledger-heading h1{font-family:Manrope,Arial,sans-serif;font-size:32px;letter-spacing:-.06em;margin:0}.ledger-heading p:not(.eyebrow){margin:7px 0 0;color:var(--muted);font-size:13px}.ledger-add{display:inline-block;background:var(--bank);color:#fff;border-radius:9px;padding:12px 14px;font-size:12px;font-weight:800;text-decoration:none}.ledger-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.ledger-overview>div{background:#fff;border:1px solid #e2eee8;border-radius:13px;padding:16px 18px}.ledger-overview>div:first-child{background:linear-gradient(135deg,#eaf8f0,#f6fcf8)}.ledger-overview span,.ledger-overview small{display:block;color:var(--muted);font-size:10px}.ledger-overview strong{display:block;margin:6px 0 3px;font-size:22px;letter-spacing:-.055em}.ledger-alert strong{color:#c53c44}.ledger-card{background:#fff;border:1px solid #e2eee8;border-radius:14px;padding:20px}.ledger-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:14px}.ledger-toolbar h2{font-size:16px;margin:0}.ledger-toolbar p{font-size:11px;color:var(--muted);margin:4px 0}.ledger-columns,.ledger-row{display:grid;grid-template-columns:minmax(200px,1.7fr) minmax(88px,.7fr) minmax(88px,.7fr) minmax(88px,.7fr) minmax(145px,1fr);gap:12px}.ledger-columns{padding:0 0 9px;color:#87948e;font-size:10px;font-weight:700}.ledger-rows{border-top:1px solid #e8efeb}.ledger-row{align-items:center;padding:12px 0;border-bottom:1px solid #e8efeb}.ledger-person{min-width:0}.ledger-person b,.ledger-person span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-person b{font-size:13px}.ledger-person span{font-size:11px;color:var(--muted);margin-top:3px}.ledger-person small{display:block;font-size:10px;color:#87948e;margin-top:3px}.ledger-value small{display:none}.ledger-value b{font-size:12px;letter-spacing:-.03em}.ledger-value.received b{color:var(--bank-dark)}.ledger-value.remaining b{color:#394840}.ledger-state{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ledger-state .due{font-size:10px;color:var(--muted)}.ledger-state .badge{font-size:9px}.ledger-actions{display:flex;gap:5px;align-items:center}.ledger-actions form{margin:0}.ledger-actions button{background:var(--bank);padding:6px 7px;font-size:9px}.ledger-actions details{position:relative}.ledger-actions summary{cursor:pointer;color:var(--bank);font-size:10px;font-weight:800;list-style:none}.ledger-actions summary::-webkit-details-marker{display:none}.ledger-menu{position:absolute;z-index:5;right:0;top:19px;width:245px;padding:10px;background:#fff;border:1px solid #dce9e2;border-radius:10px;box-shadow:0 16px 36px #14332524}.ledger-menu form{display:flex;gap:5px;margin:0 0 7px}.ledger-menu input,.ledger-menu select{min-width:0;margin:0;padding:8px;font-size:10px}.ledger-menu button{padding:8px;font-size:10px;white-space:nowrap}.ledger-new{max-width:380px;margin:22px 0 0 auto;background:#fff;border:1px solid #e2eee8;border-radius:14px;padding:20px}.ledger-new form{display:grid;gap:12px;margin-top:16px}.ledger-new button{background:var(--bank)}@media(max-width:850px){.ledger-columns{display:none}.ledger-overview{grid-template-columns:1fr 1fr}.ledger-overview .ledger-alert{grid-column:1/-1}.ledger-row{display:block;padding:12px 0}.ledger-person{margin-bottom:10px}.ledger-value{display:inline-flex;flex-direction:column;width:32%;vertical-align:top}.ledger-value small{display:block;font-size:9px;color:var(--muted);margin-bottom:3px}.ledger-value b{font-size:12px}.ledger-state{margin-top:9px;justify-content:space-between}.ledger-actions{margin-left:auto}.ledger-new{max-width:none;margin-top:16px}}@media(max-width:430px){.ledger-heading{align-items:stretch;flex-direction:column}.ledger-add{text-align:center}.ledger-heading h1{font-size:28px}.ledger-overview{gap:8px}.ledger-overview>div{padding:13px}.ledger-overview strong{font-size:18px}.ledger-card{margin:0 -18px;border-radius:0;padding:16px}.ledger-toolbar{display:block}.ledger-toolbar .filters{margin-top:12px}.ledger-person b{font-size:13px}.ledger-value{width:32%}.ledger-value b{font-size:11px}.ledger-state .due{font-size:10px}.ledger-new{margin-left:-18px;margin-right:-18px;border-radius:0}.ledger-menu{width:min(250px,calc(100vw - 32px))}}