.mcd-pay-heading{margin-bottom:24px}.mcd-pay-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.mcd-pay-kpi{padding:21px 24px;background:#151a21;border:1px solid #303843;border-radius:14px}.mcd-pay-kpi.past{border-color:#794640;background:linear-gradient(130deg,#2a1919,#151a21)}.mcd-pay-kpi small{display:block;color:#afb7c3;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.mcd-pay-kpi strong{display:block;font-size:36px;line-height:1.25;color:#f5e7c3;margin:8px 0}.mcd-pay-kpi.past strong{color:#f1a49b}.mcd-pay-kpi span{color:#cbd4dc;font-size:13px}.mcd-pay-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 26px;color:#a4acb7;font-size:12px}.mcd-pay-controls nav{display:flex;gap:6px}.mcd-pay-controls a{border:1px solid #424b55;border-radius:8px;padding:8px 13px}.mcd-pay-controls a.active,.mcd-pay-controls a:hover{border-color:#dfc274;background:#30281a;color:#f4dea7}.mcd-pay-chart{border:1px solid #37434e;background:linear-gradient(130deg,#1b2730,#14202a);border-radius:16px;padding:24px;margin:0 0 24px}.mcd-pay-chart-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.mcd-pay-chart-head h2{margin:0;color:#f3e4bf}.mcd-pay-chart-head p{margin:2px 0 0}.mcd-pay-legend{display:flex;flex-wrap:wrap;gap:14px;color:#aeb8c5;font-size:11px}.mcd-pay-legend span{display:flex;align-items:center;gap:6px}.mcd-pay-legend i{display:inline-block;width:10px;height:10px;border-radius:2px}.mcd-pay-legend .overdue{background:#d9877c}.mcd-pay-legend .upcoming{background:#74bfc3}.mcd-pay-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:24px}.mcd-pay-bar{text-align:center;min-width:0}.mcd-pay-bar-track{height:130px;display:flex;align-items:end;background:#ffffff09;border-radius:6px 6px 0 0}.mcd-pay-bar-fill{width:100%;border-radius:6px 6px 0 0;border:1px solid #c8d7d833}.mcd-pay-bar-fill.overdue{background:linear-gradient(#e9a49d,#8c4243)}.mcd-pay-bar-fill.upcoming{background:linear-gradient(#9bd9d9,#3e7f89)}.mcd-pay-bar small{display:block;color:#b5c2ca;margin-top:8px;font-size:11px;line-height:1.3}.mcd-pay-chart-note{font-size:11px;margin:18px 0 0}.mcd-pay-group{margin:13px 0;border:1px solid #2d3741;background:#14181e;border-radius:14px;overflow:hidden}.mcd-pay-group>summary{display:flex;align-items:center;gap:14px;padding:16px 19px;cursor:pointer;list-style:none;min-height:64px}.mcd-pay-group>summary::-webkit-details-marker{display:none}.mcd-pay-group>summary::after{content:'⌄';margin-left:auto;font-size:23px;color:#b6c3ce;line-height:1}.mcd-pay-group[open]>summary::after{content:'⌃'}.mcd-pay-overdue{border-color:#754440}.mcd-pay-overdue>summary{background:linear-gradient(90deg,#2a1b1b,#181c22)}.mcd-pay-summary-title{display:flex;align-items:center;gap:11px;color:#f0aea5;font-size:19px;font-weight:750}.mcd-pay-icon{display:grid;place-items:center;background:#a85952;color:white;width:27px;height:27px;border-radius:6px;font-size:16px}.mcd-pay-count{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:50%;padding:0 5px;background:#4a5662;color:white;font-size:12px}.mcd-pay-summary-amount{color:#edc7bf;font-size:13px;margin-left:8px}.mcd-pay-band{background:#20313d;color:#b8d3dd;font-size:10px;letter-spacing:.12em;padding:11px 20px;font-weight:700}.mcd-pay-row{display:grid;grid-template-columns:28px minmax(150px,2.4fr) minmax(110px,1.5fr) minmax(100px,1fr) auto 20px;align-items:center;gap:16px;padding:16px 20px;border-top:1px solid #303740;min-width:0}.mcd-pay-row:hover{background:#22303c}.mcd-pay-row:focus-visible{outline-offset:-3px}.mcd-pay-doc{color:#a9c0d2;font-size:22px}.mcd-pay-row-main{min-width:0}.mcd-pay-row-main strong{display:block;color:#dbe7ee;font-size:13px;overflow-wrap:anywhere}.mcd-pay-row-main small{display:block;color:#899ca9;font-size:11px;overflow-wrap:anywhere}.mcd-pay-client{color:#c5ced8;font-size:12px;overflow-wrap:anywhere}.mcd-pay-due{color:#aebbc6;font-size:11px}.mcd-pay-money{color:#f0d28e;font-size:13px;white-space:nowrap}.mcd-pay-arrow{color:#dabd78}.mcd-pay-empty{padding:18px 20px;margin:0;color:#9aaab8;font-size:12px}.mcd-pay-timeline{margin:28px 0}.mcd-pay-timeline>h2{margin-bottom:0}.mcd-pay-timeline>p{font-size:12px;margin:5px 0 18px}.mcd-pay-date{display:grid;min-width:43px;line-height:1.08;color:#d6c18b}.mcd-pay-date small{font-size:9px;letter-spacing:.08em}.mcd-pay-date strong{font-size:22px}.mcd-pay-day-name{font-size:16px;font-weight:650}.mcd-pay-day-total{margin-left:auto;font-size:12px;color:#abc5c7}.mcd-pay-day.is-clear>summary{min-height:56px}.mcd-pay-day.is-clear .mcd-pay-date,.mcd-pay-day.is-clear .mcd-pay-day-name{color:#7e8995}.mcd-pay-review{border-color:#6e603b}.mcd-pay-review .mcd-pay-summary-title{color:#ead29b}@media(max-width:1100px){.mcd-pay-row{grid-template-columns:24px minmax(150px,2fr) minmax(100px,1.3fr) auto 16px}.mcd-pay-due{display:none}}@media(max-width:720px){.mcd-pay-kpis{grid-template-columns:1fr}.mcd-pay-kpi{padding:15px 18px}.mcd-pay-kpi strong{font-size:27px}.mcd-pay-chart-head{display:block}.mcd-pay-legend{margin-top:10px}.mcd-pay-bars{gap:6px}.mcd-pay-bar-track{height:90px}.mcd-pay-bar small{font-size:9px}.mcd-pay-controls{display:block}.mcd-pay-controls nav{margin-bottom:10px}.mcd-pay-row{grid-template-columns:20px minmax(100px,1fr) auto;gap:9px;padding:13px}.mcd-pay-client,.mcd-pay-arrow{display:none}.mcd-pay-money{font-size:11px}.mcd-pay-summary-amount{display:none}.mcd-pay-day-total{font-size:10px}}

.mcd-pay-bars{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(82px,1fr);overflow-x:auto}
.mcd-pay-later .mcd-pay-summary-title{color:#d7e5e9}
.mcd-pay-legend .paid{background:#9ac178}
.mcd-pay-bar-fill.paid{background:linear-gradient(#bddc98,#648948)}
.mcd-pay-bar-track{justify-content:center;gap:3px}.mcd-pay-bar-fill{width:31%}.mcd-pay-bar-fill[style="height:0%"]{border:0}