.receivable-page{max-width:1500px;margin:auto}.receivable-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.receivable-heading small,.collection-modal header small{font-size:10px;font-weight:900;letter-spacing:1.4px;color:#36709e}.receivable-heading h1{margin:6px 0;font:500 43px Georgia,serif;color:#092643}.receivable-heading p{margin:0;color:#74879a}.receivable-page .btn{width:auto}.receivable-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.receivable-cards article{padding:20px;border:1px solid #d5e2eb;border-radius:14px;background:#fff}.receivable-cards small{font-size:9px;font-weight:900;letter-spacing:1px;color:#637e93}.receivable-cards strong{display:block;margin:10px 0 4px;font:600 28px Georgia,serif}.receivable-cards span{font-size:11px;color:#74899b}.receivable-cards .danger-card{border-color:#efb7ae;background:#fff3f1;color:#a33c34}.receivable-filters{display:flex;gap:7px;margin-bottom:13px}.receivable-filters a{padding:10px 16px;border:1px solid #cbdce8;border-radius:9px;background:#fff;color:#24577e;font-size:11px;font-weight:800;text-decoration:none}.receivable-filters a.active{background:#174d76;color:#fff}.receivable-table{overflow:auto;border:1px solid #d5e2eb;border-radius:14px;background:#fff}.receivable-table table{width:100%;border-collapse:collapse}.receivable-table th,.receivable-table td{padding:14px 15px;border-bottom:1px solid #e5edf2;text-align:left;font-size:11px}.receivable-table th{background:#eff5f8;color:#647e92;font-size:9px}.receivable-table td small{display:block;margin-top:4px;color:#7890a2}.receivable-status{padding:5px 9px;border-radius:20px;font-size:9px;font-weight:900}.receivable-status.paid{background:#dcf4e9;color:#087554}.receivable-status.pending,.receivable-status.partial{background:#fff1d9;color:#97600c}.receivable-status.overdue{background:#fde4e2;color:#b33e36}.collect-button{padding:8px 11px;border:0;border-radius:8px;background:#e7f3fa;color:#145d8b;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer}.receivable-empty{padding:45px!important;text-align:center!important}.receivable-empty span{display:block;margin-top:5px;color:#718697}.receivable-errors{margin-bottom:15px;padding:12px 18px;border:1px solid #e6a29d;border-radius:10px;background:#fff0ef;color:#9f322c}.collection-modal{width:min(680px,94vw);padding:0;border:0;border-radius:18px;box-shadow:0 30px 90px #13283b66}.collection-modal::backdrop{background:#0c213bb5;backdrop-filter:blur(3px)}.collection-modal header{display:flex;justify-content:space-between;align-items:center;padding:23px 26px;border-bottom:1px solid #dfe8ee}.collection-modal h2{margin:5px 0 0;font:500 29px Georgia,serif}.collection-modal header button{border:0;background:none;font-size:27px;color:#698094}.collection-summary{display:flex;justify-content:space-between;padding:18px 26px;background:#eef6fb;color:#1a526f}.collection-summary i{font-style:normal}.collection-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:24px 26px}.collection-fields label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#234c6a}.collection-fields .wide{grid-column:1/-1}.collection-fields input,.collection-fields select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #c5d7e3;border-radius:9px}.collection-modal footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1px solid #e0e8ee;background:#f6f9fb}@media(max-width:800px){.receivable-heading{align-items:flex-start;flex-direction:column;gap:15px}.receivable-cards{grid-template-columns:1fr}.collection-fields{grid-template-columns:1fr}.collection-fields .wide{grid-column:auto}}
.followup-button{margin-top:6px;padding:8px 11px;border:1px solid #b9cfde;border-radius:8px;background:#fff;color:#315b79;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer}.collection-fields textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #c5d7e3;border-radius:9px;resize:vertical}.promise-field[hidden]{display:none!important}
.history-button{display:block;margin-top:5px;border:0;background:none;color:#51728a;font-size:10px;text-decoration:underline;cursor:pointer}.history-list{max-height:55vh;overflow:auto;padding:20px 26px}.history-list article{display:grid;gap:5px;padding:13px 0;border-bottom:1px solid #e1e9ee}.history-list small{color:#768c9d}.history-list p{margin:2px 0}.history-list b{color:#96600b}.no-history{text-align:center;color:#74899b}
