.bill-history-margin-bottom{margin-bottom:2rem}@media (max-width: 960px){.bill-history-margin-bottom{margin-bottom:1.5rem}}.bills-history{background-color:#f6f7fb;display:flex;flex-direction:column;align-items:center;min-height:70vh}.category-filter-container{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;-ms-overflow-style:none;scrollbar-width:none}.category-filter-container::-webkit-scrollbar{display:none}.due-bills-card-wrapper{width:100%;max-width:480px;margin-left:auto;margin-right:auto;box-sizing:border-box}@media (max-width: 600px){.due-bills-card-wrapper{max-width:400px}}@media (max-width: 448px){.due-bills-card-wrapper{max-width:280px}}.due-bill-paper{box-sizing:border-box!important;width:100%!important}@media (max-width: 460px){.due-bill-paper{padding:2px!important;border-radius:12px!important}}.due-bill-header{box-sizing:border-box!important}@media (max-width: 460px){.due-bill-header{padding:8px 10px!important;gap:6px!important}}@media (max-width: 460px){.due-bill-avatar{width:26px!important;height:26px!important;padding:3px!important}}@media (max-width: 460px){.due-bill-title{font-size:.8rem!important}}@media (max-width: 460px){.due-bill-subtitle{font-size:.72rem!important}}.due-bill-footer{box-sizing:border-box!important}@media (max-width: 460px){.due-bill-footer{padding:8px 10px!important;gap:4px!important}}@media (max-width: 460px){.due-bill-amount{font-size:.82rem!important}}@media (max-width: 460px){.due-bill-status{font-size:.7rem!important}}@media (max-width: 460px){.due-bill-btn{font-size:.75rem!important;height:28px!important;padding:2px 10px!important;min-width:64px!important}}.view-all-button{border:1.5px solid #d32f2f;background-color:#fff;color:#d32f2f;padding:8px 24px;border-radius:24px;font-weight:600;font-size:.95rem;font-family:inherit;transition:all .2s ease-in-out;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;outline:none;box-shadow:0 2px 6px #0000000a}.view-all-button:hover{background-color:#d32f2f;color:#fff;box-shadow:0 4px 12px #d32f2f40;transform:translateY(-1px)}.view-all-button:active{transform:translateY(0)}.bill-payment-banner{width:100%;padding:1rem .5rem;box-sizing:border-box}.bill-payment-banner .bill-payment-banner__content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2.5rem}@media (max-width: 900px){.bill-payment-banner .bill-payment-banner__content{flex-direction:column;gap:1.5rem}}.bill-payment-banner .bill-payment-banner__illustration-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.bill-payment-banner .bill-payment-banner__illustration-wrapper .bill-payment-banner__illustration{width:100%;max-width:360px;max-height:280px;object-fit:contain}.bill-payment-banner .bill-payment-banner__details{flex:1.2;min-width:0;text-align:left}.bill-payment-banner .bill-payment-banner__details .bill-payment-banner__title{color:#1b2936;font-size:1.35rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.bill-payment-banner .bill-payment-banner__details .bill-payment-banner__description{color:#737d88;font-size:.95rem;line-height:1.5;margin-bottom:1.25rem}.bill-payment-banner .bill-payment-banner__details .bill-payment-banner__features{display:flex;flex-direction:column;gap:1rem}.bill-payment-banner .bill-payment-banner__details .bill-payment-banner__feature{display:flex;align-items:center;gap:1rem}.bill-payment-banner .bill-payment-banner__details .bill-payment-banner__icon-wrapper{width:48px;height:48px;min-width:48px;border-radius:50%;background:#fff0f0;color:#e52e2e;display:flex;align-items:center;justify-content:center}.bill-payment-banner .bill-payment-banner__details .bill-payment-banner__icon-wrapper .MuiSvgIcon-root{font-size:26px}.bill-payment-banner .bill-payment-banner__details .bill-payment-banner__feature-text{display:flex;flex-direction:column}.bill-payment-banner .bill-payment-banner__details .bill-payment-banner__feature-text .bill-payment-banner__feature-title{color:#1b2936;font-size:.95rem;font-weight:600;line-height:1.3}.bill-payment-banner .bill-payment-banner__details .bill-payment-banner__feature-text .bill-payment-banner__feature-description{color:#737d88;font-size:.85rem;line-height:1.4}