.payment-chart{background:#fff;border:1px solid #dae5df;border-radius:15px;padding:22px 24px;margin:18px 0 24px;color:#012545}.pc-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.pc-head h2{margin:0 0 5px;font-size:21px}.pc-head p{margin:0;color:#53677a;font-size:14px}.pc-period{width:auto;min-width:145px;padding:9px;border:1px solid #b8cfc1;border-radius:8px;background:#fff;color:#012545}.pc-legend{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0 8px;font-size:13px;color:#53677a}.pc-legend span{display:flex;align-items:center;gap:7px}.pc-dot{width:12px;height:12px;border-radius:3px;display:inline-block}.pc-dot.paid{background:#258365}.pc-dot.unpaid{background:#e6b65a}.pc-chart-scroll{overflow-x:auto}.pc-chart{display:block;width:100%;min-width:350px;height:auto}.pc-bar{cursor:pointer;outline:none}.pc-bar:focus-visible .pc-bar-outline,.pc-bar.is-selected .pc-bar-outline{stroke:#012545;stroke-width:2;stroke-dasharray:3 3}.pc-detail{background:#f0f6f1;border-radius:10px;padding:14px;margin-top:10px}.pc-detail h3{font-size:15px;margin:0 0 10px}.pc-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pc-figure small{display:block;color:#53677a;font-size:12px;margin-bottom:4px}.pc-figure strong{font-size:17px;white-space:nowrap}.pc-note{font-size:12px;color:#53677a;margin:12px 0 0}@media(max-width:600px){.payment-chart{padding:15px}.pc-figures{grid-template-columns:1fr 1fr}.pc-figure strong{font-size:15px}}