.apartment-payment-card{align-items:center}.apartment-payment-status{text-align:right;cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;gap:2px;margin-left:auto;margin-right:8px;display:flex}.apartment-payment-status strong{font-size:.78rem}.apartment-payment-status span{color:#8d7772;font-size:.7rem}.apartment-payment-status.is-paid strong{color:#176b5b}.apartment-payment-status.is-pending strong{color:#9b1c16}.apartment-payment-status.is-empty strong{color:#8d7772}.apartment-history-backdrop{z-index:1000;background:#2314126b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.apartment-history-modal{background:#f9f6f2;border:1px solid #eaded8;border-radius:20px;width:min(760px,100%);max-height:85vh;padding:28px;overflow:auto;box-shadow:0 24px 70px #37141233}.apartment-history-modal header{border-bottom:1px solid #eaded8;justify-content:space-between;gap:24px;padding-bottom:20px;display:flex}.apartment-history-modal h2{color:#8f0704;margin:4px 0 6px;font-size:1.55rem}.apartment-history-modal p{color:#806d68;margin:0}.apartment-history-kicker{letter-spacing:.08em;color:#8f0704;font-size:.7rem;font-weight:700}.apartment-history-close{color:#8f0704;cursor:pointer;background:#fff;border:1px solid #eaded8;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.apartment-history-close svg{width:18px}.apartment-history-list{gap:10px;padding:20px 0;display:grid}.apartment-history-list article{background:#fff;border:1px solid #eaded8;border-radius:14px;grid-template-columns:42px 1.2fr 1fr 1fr;align-items:center;gap:16px;padding:14px 16px;display:grid}.apartment-history-list article>div:not(.apartment-history-icon){flex-direction:column;gap:3px;display:flex}.apartment-history-list article span{color:#8d7772;font-size:.72rem}.apartment-history-list article strong{color:#402b27;font-size:.85rem}.apartment-history-icon{border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.apartment-history-icon svg{width:18px}.apartment-history-icon.paid{color:#176b5b;background:#e5f2ee}.apartment-history-icon.pending{color:#9b1c16;background:#f8e8e5}.apartment-history-period>span{font-weight:600}.apartment-history-empty{text-align:center;color:#806d68;background:#fff;border:1px dashed #dbc9c2;border-radius:14px;padding:28px}.apartment-history-modal footer{color:#8d7772;border-top:1px solid #eaded8;padding-top:16px;font-size:.75rem}@media (max-width:700px){.apartment-payment-status{text-align:left;margin:8px 0 0}.apartment-history-backdrop{padding:12px}.apartment-history-modal{padding:20px}.apartment-history-list article{grid-template-columns:38px 1fr}.apartment-history-list article>div:nth-child(n+3){grid-column:2}.apartment-history-modal header{gap:12px}}