.backup-hero,.backup-note,.backup-list article{border:1px solid var(--line);background:#fff;border-radius:16px}.backup-hero{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.backup-hero b{color:var(--green)}.backup-hero p{color:var(--muted);max-width:570px;margin:7px 0 0}.backup-buttons{flex-wrap:wrap;gap:9px;display:flex}.import-button,.backup-actions a,.backup-actions button{border:2px solid var(--line);color:var(--blue);cursor:pointer;background:#fff;border-radius:10px;place-items:center;padding:11px 15px;font-size:12px;font-weight:900;text-decoration:none;display:inline-grid}.import-button input{display:none}.backup-note{background:#edf5ff;gap:5px;margin:14px 0;padding:17px;display:grid}.backup-note span{color:var(--muted);font-size:12px}.backup-list{gap:10px;display:grid}.backup-list article{justify-content:space-between;align-items:center;gap:15px;padding:16px 18px;display:flex}.backup-type{gap:5px;display:grid}.backup-type b{color:var(--blue);font-size:11px}.backup-type.automatic b{color:var(--green)}.backup-type span{color:var(--muted);font-size:12px}.backup-actions{gap:8px;display:flex}.backup-actions button{color:var(--green)}button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:560px){.backup-hero,.backup-list article{display:grid}.backup-buttons,.backup-actions{grid-template-columns:1fr 1fr;display:grid}.backup-buttons .primary{grid-column:1/-1}}.pay-buttons{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.open-account{color:#a23575}.open-account i{background:#f8e7f1}.backup-buttons .clear-history{color:var(--red);background:#fff;border:2px solid #efc6c9;border-radius:10px;padding:11px 15px;font-size:12px;font-weight:900}.trash-section{background:#fff;border:1px solid #dce3eb;border-radius:16px;margin:24px 0;padding:20px}.trash-section>p,.trash-section article p{color:#566474;font-size:14px;line-height:1.5}.trash-section article{border-top:1px solid #dce3eb;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.trash-section .backup-actions{flex-wrap:wrap}.trash-section button,.customer-actions .message-button{cursor:pointer;border-radius:10px;min-height:48px;padding:12px 16px;font-size:14px}.customer-actions .message-button{color:#fff;background:#15803d;border:0}.trash-section .clear-history{color:#b4232e}.sale-actions,.customer-actions{flex-wrap:wrap}.modal form>p{font-size:16px;line-height:1.5}@media (max-width:700px){.trash-section article{display:grid}.trash-section .backup-actions{flex-direction:column;display:flex}.trash-section button{width:100%}}:root{--charge-overdue:#f8c3bf;--charge-upcoming:#faf8b5;--charge-future:#e0f4e9}.charge-controls{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:20px;display:flex}.charge-controls .filters{flex-wrap:wrap;width:auto;margin:0}.charge-controls .filters button{min-height:44px;font-size:14px}.charge-order{gap:6px;margin-left:auto;font-size:14px;font-weight:700;display:grid}.charge-order select{border:2px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:10px;max-width:100%;padding:10px}.charge-list article.charge-overdue{background:var(--charge-overdue);border-color:#d7827c #d7827c #d7827c #b9362c;border-left-style:solid;border-left-width:6px}.charge-list article.charge-upcoming{background:var(--charge-upcoming);border-color:#d7ca65 #d7ca65 #d7ca65 #a77900;border-left-style:solid;border-left-width:6px}.charge-list article.charge-future{background:var(--charge-future);border-color:#96cbb0 #96cbb0 #96cbb0 #16805d;border-left-style:solid;border-left-width:6px}.charge-list article.charge-undated{border-left:6px solid #697586}.charge-list .status{font-size:14px;line-height:1.35}.status.overdue{color:#fff;background:#b9362c}.status.upcoming{color:#493900;background:#f0cc53}.status.future{color:#fff;background:#16805d}.status.undated{color:#344054;background:#e5e9ef}.charge-list .charge-person p,.charge-list small{color:#424b55;font-size:14px}.charge-list .installment-value{color:#17202a;background:#ffffffb8;font-size:14px!important}.charge-list article{grid-template-columns:120px minmax(0,1.4fr) minmax(105px,.7fr) minmax(110px,.7fr) auto}.charge-person{min-width:0}.charge-person h3{overflow-wrap:anywhere}@media (max-width:1100px){.charge-list article{grid-template-columns:120px 1fr}.charge-list article>div:nth-of-type(3),.charge-list article>div:nth-of-type(4){display:block}.charge-actions{grid-column:1/-1}}@media (max-width:560px){.charge-controls{display:grid}.charge-order{margin-left:0}.charge-list article{grid-template-columns:1fr}.charge-controls .filters{overflow:visible}.charge-order select{width:100%}}