.collection-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.collection-stats a{padding:20px;border:1px solid #dce5ed;border-radius:13px;background:#fff;text-decoration:none}.collection-stats a.danger{border-color:#edcaca;background:#fff7f7}.collection-stats small,.collection-stats strong,.collection-stats span{display:block}.collection-stats small{font-size:9px;letter-spacing:1px;color:#718499;font-weight:900}.collection-stats strong{margin:7px 0 2px;font-family:Georgia,serif;font-size:30px}.collection-stats span{color:#748597;font-size:10px}.collection-stats .danger strong{color:#a03d3d}.collection-filter{display:grid;grid-template-columns:1fr 210px auto;gap:12px;align-items:center;margin-bottom:18px;padding:15px;border:1px solid #dce5ed;border-radius:12px;background:#fff}.collection-filter input,.collection-filter select{margin:0}.collection-cards{display:grid;gap:12px}.collection-card{overflow:hidden;border:1px solid #dae4ec;border-radius:13px;background:#fff}.collection-card.is-overdue{border-left:4px solid #c45252}.collection-card header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#f6f9fb}.collection-card header code{margin-right:10px;color:#1d567f;font-weight:900}.collection-card header span{color:#748598;font-size:10px}.collection-card header b{padding:5px 8px;border-radius:14px;background:#fee7e7;color:#a33c3c;font-size:9px}.collection-body{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:20px;padding:17px 19px}.borrower{display:flex;align-items:center;gap:11px}.borrower>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#1d527c;color:#fff;font-weight:900}.borrower strong,.borrower small{display:block}.borrower small{margin-top:3px;color:#748596;font-size:10px}.amount-due small,.amount-due strong,.amount-due span{display:block}.amount-due small{font-size:8px;letter-spacing:1px;color:#728499;font-weight:900}.amount-due strong{margin:5px 0;font-size:19px;color:#173f64}.amount-due span{font-size:9px;color:#78899a}.collection-actions{display:flex;align-items:center;gap:9px}.collect-button{padding:11px 14px;background:#176d51;color:#fff;text-decoration:none}.text-action{border:0;background:none;color:#245d87;font-size:11px;font-weight:800;cursor:pointer}.collection-empty{text-align:center;padding:60px;border:1px dashed #c9d7e2;border-radius:14px;background:#fff}.collection-empty>span{display:grid;place-items:center;width:50px;height:50px;margin:auto;border-radius:50%;background:#e5f7ef;color:#167153;font-size:22px}.collection-empty h2{margin:15px 0 5px}.collection-empty p{color:#758697}.collection-modal{width:min(560px,calc(100vw - 30px))}.collection-modal form{padding:27px}.collection-modal .modal-head p{margin:4px 0;color:#748597}.management-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.management-fields>label:last-child{grid-column:1/-1}.management-fields textarea{box-sizing:border-box;width:100%;margin-top:8px;padding:11px;border:1px solid #cedae5;border-radius:8px;font:inherit}.promise-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;grid-column:1/-1}.collection-history{overflow:hidden;border:1px solid #dce5ed;border-radius:14px;background:#fff}.collection-history article{display:grid;grid-template-columns:36px 1fr auto;gap:13px;padding:15px 20px;border-top:1px solid #e8eef3}.collection-history article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e8f2f9;color:#205b84}.collection-history strong,.collection-history p,.collection-history small{display:block}.collection-history p{margin:4px 0;color:#637588;font-size:11px}.collection-history small{color:#718498;font-size:9px}.collection-history time{text-align:right;color:#6f8294;font-size:10px}.collection-history time small{margin-top:4px}@media(max-width:900px){.collection-stats{grid-template-columns:1fr}.collection-filter{grid-template-columns:1fr}.collection-body{grid-template-columns:1fr}.collection-actions{justify-content:flex-start}}@media(max-width:600px){.management-fields,.promise-fields{grid-template-columns:1fr}.management-fields>label:last-child{grid-column:auto}.collection-actions{align-items:stretch;flex-direction:column}}