.page-actions{display:flex;gap:9px}.page-secondary{border:1px solid #d6e1dc;border-radius:7px;background:#fff;color:#38645b;padding:10px 14px;font:600 12px "DM Sans",sans-serif;cursor:pointer}.ledger-filters{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:18px}.ledger-filters button{border:0;background:#edf5f1;color:var(--green);border-radius:6px;padding:10px;font:600 11px "DM Sans",sans-serif;cursor:pointer}.ledger-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;margin-bottom:20px}.ledger-summary div{padding:13px 15px}.ledger-summary div+div{border-left:1px solid var(--line)}.ledger-summary span,.ledger-summary strong{display:block}.ledger-summary span{font-size:10px;color:var(--muted)}.ledger-summary strong{font-size:16px;color:var(--green);margin-top:5px}.ledger-table{border-collapse:separate;border-spacing:0 7px}.@media(max-width:900px){.ledger-filters{grid-template-columns:1fr 1fr;align-items:stretch}.ledger-filters button{width:100%}}@media(max-width:720px){.ledger-filters{grid-template-columns:1fr}.ledger-summary{grid-template-columns:1fr}.ledger-table{display:block;overflow-x:auto}}ledger-table thead th{padding:0 10px 8px;font-size:10px;color:#6b7a76;text-transform:uppercase;letter-spacing:.8px}.ledger-table tbody tr{cursor:pointer;transition:.15s;background:#fff;border-radius:10px;box-shadow:0 1px 0 rgba(18,90,82,.04)}.ledger-table tbody tr:hover{background:#f7fbf8;transform:translateY(-1px)}.ledger-table td{font-size:12px;padding:13px 10px;border-top:1px solid #eef2ef;border-bottom:1px solid #eef2ef}.ledger-table td:first-child{border-left:1px solid #eef2ef;border-top-left-radius:10px;border-bottom-left-radius:10px}.ledger-table td:last-child{border-right:1px solid #eef2ef;border-top-right-radius:10px;border-bottom-right-radius:10px}.edit-invoice{border:0;background:#eef7f2;color:var(--green);border-radius:6px;padding:6px 8px;font:600 10px "DM Sans",sans-serif;cursor:pointer}.invoice-modal{position:fixed;z-index:20;inset:0;background:#142c29aa;display:grid;place-items:center;padding:18px}.invoice-modal-content{position:relative;width:min(700px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:30px}.modal-close{position:absolute;right:15px;top:12px;border:0;background:#eff4f1;color:var(--green);border-radius:50%;width:28px;height:28px;font-size:20px;cursor:pointer}.detail-heading{padding-bottom:17px;border-bottom:1px solid var(--line)}.detail-heading h2{margin:0 0 5px;font:700 25px "Playfair Display",serif}.detail-heading p{font-size:12px;color:var(--muted);margin:0}.detail-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.detail-overview div{background:#f2f7f4;padding:11px;border-radius:7px}.detail-overview span,.detail-overview strong{display:block}.detail-overview span{font-size:9px;color:var(--muted)}.detail-overview strong{font-size:13px;margin-top:4px}.detail-items{width:100%;min-width:0;margin-top:10px}.detail-items th,.detail-items td{padding:9px 5px;font-size:11px}.detail-items th:last-child,.detail-items td:last-child{text-align:right}@media(max-width:720px){.page-actions{gap:5px}.ledger-filters{grid-template-columns:1fr 1fr}.ledger-filters label:first-child{grid-column:1/-1}.ledger-summary{grid-template-columns:1fr}.ledger-summary div+div{border-left:0;border-top:1px solid var(--line)}.invoice-modal-content{padding:24px 16px}.detail-overview{grid-template-columns:1fr}.ledger-table{min-width:680px}}
