.event-payments {padding:18px;border:1px solid #caddd1;border-radius:12px;background:#f7fbf8;color:#174b39;}
.event-payments h5 {font-size:18px;margin:0 0 10px;}.event-payments p {font-size:13px;line-height:1.55;color:#527265;}
.event-payment-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0;}
.event-payment-cards article {padding:16px;border:1px solid #caddd1;border-top:4px solid #82968b;border-radius:12px;background:white;}
.event-payment-cards article.cash{border-top-color:#168369}.event-payment-cards article.card{border-top-color:#b88216}
.event-payment-cards h6 {font-size:14px;margin:0 0 10px;}.event-payment-cards article>strong{font-size:25px;display:block}.event-payment-cards article>span{font-size:13px;display:block;margin-top:5px;}
.event-payment-cards dl{margin-bottom:0;display:grid;gap:8px;font-size:13px}.event-payment-cards dl div{display:flex;justify-content:space-between;gap:8px}.event-payment-cards dd{margin:0;font-weight:600;}
.event-payment-metric{display:grid;gap:6px;max-width:260px;font-size:13px}.event-payment-metric select{padding:10px;border:1px solid #bdd7c9;border-radius:8px;background:white;color:#174b39;}
.event-payment-hour{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #dae6df;font-size:12px;}.event-payment-hour>strong{align-self:center;}
.event-payment-bar{display:grid;grid-template-columns:35px minmax(0,1fr) 95px;gap:8px;align-items:center;margin:4px 0;}.event-payment-track{height:12px;background:#e2eae6;border-radius:6px;overflow:hidden}.event-payment-track i{display:block;height:100%;background:#168369;border-radius:6px}.event-payment-bar.card i{background:#b88216}.event-payment-bar>span:last-child{text-align:right;}.event-payment-bar small{display:block;font-size:11px;color:#527265;}
@media(max-width:600px){.event-payments{padding:12px}.event-payment-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.event-payment-cards article{padding:12px}.event-payment-cards article>strong{font-size:22px}.event-payment-cards dl div{display:block}.event-payment-cards dt{font-size:11px}.event-payment-hour{grid-template-columns:1fr;gap:4px}.event-payment-bar{grid-template-columns:32px minmax(0,1fr) 80px}}