.bill-header{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-bottom:2rem}.bill-header__card{background:#242731;border:1px solid #3e4354;border-radius:12px;padding:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;height:100%;color:#fff;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}.bill-header__card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.15);box-shadow:0 6px 12px rgba(0,0,0,.15);border-color:#667eea}.bill-header__card--dark{background:#1a1c23}.bill-header__title{font-size:.875rem;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.bill-header__value{font-size:1.5rem;font-weight:700;line-height:1.2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem;width:100%}.bill-header__value span{display:inline-block}.bill-header__subtitle{font-size:.65rem;font-weight:600;color:#718096;text-transform:uppercase;margin-top:.25rem;letter-spacing:.02em}.bill-header__separator{width:1px;height:32px;background-color:#3e4354;margin:0 .5rem}.bill-header__highlight{color:#667eea}.bill-header__col-2{grid-column:span 2}.bill-header__col-3{grid-column:span 3}.bill-header__col-4{grid-column:span 4}.bill-header__col-6{grid-column:span 6}.bill-header__col-12{grid-column:span 12}@media(max-width:992px){.bill-header__col-2{grid-column:span 4}.bill-header__col-3{grid-column:span 6}}@media(max-width:576px){.bill-header__col-2,.bill-header__col-3,.bill-header__col-4,.bill-header__col-6{grid-column:span 12}}