.cap-detail-grid{display:grid;gap:22px;margin:24px auto 50px;max-width:1380px}
.cap-chart-card,.cap-table-card{background:#fff;border:1px solid #dcebe5;border-radius:24px;padding:24px;box-shadow:0 16px 38px rgba(6,78,59,.07)}
.cap-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.cap-section-head small{display:block;color:#07815f;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:5px}
.cap-section-head h2{margin:0;color:#103f33;font-size:23px}
.cap-section-head>span{padding:7px 10px;border-radius:999px;background:#e9f8f1;color:#397064;font-size:10px;font-weight:800}
.cap-bars{display:grid;gap:12px}
.cap-bar-row{display:grid;grid-template-columns:105px 1fr;gap:13px;align-items:center}
.cap-bar-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#315e52;font-size:11px}.cap-bar-label b{color:#064e3b}.cap-bar-label span{font-weight:800}
.cap-bar-track{height:12px;position:relative;overflow:visible;border-radius:999px;background:#e6f1ed}
.cap-bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#047857,#10b981);max-width:100%}
.cap-bar-track em{position:absolute;top:-4px;bottom:-4px;left:83.333%;width:2px;background:#123f34;border-radius:4px;opacity:.6}
.cap-chart-note{margin-top:16px;color:#688078;font-size:10px}.cap-chart-note span{display:inline-block;width:12px;height:2px;background:#123f34;vertical-align:middle;margin-right:5px}
.cap-table-wrap{overflow-x:auto;border:1px solid #e1ece8;border-radius:16px}
.cap-table{width:100%;border-collapse:collapse;min-width:900px}
.cap-table th{padding:12px 13px;text-align:left;background:#eff8f4;color:#315e52;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
.cap-table td{padding:14px 13px;border-top:1px solid #e7efec;color:#31534a;font-size:12px;vertical-align:middle}
.cap-table td:nth-child(3),.cap-table td:nth-child(4),.cap-table td:nth-child(5){text-align:right}
.cap-table td strong{display:block;color:#173f34;font-size:12px}.cap-table td small{display:block;color:#80938d;margin-top:4px;font-size:9.5px}
.cap-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:850;white-space:nowrap}.cap-status.ok{background:#dcfce7;color:#166534}.cap-status.warn{background:#fef3c7;color:#92400e}.cap-status.bad{background:#fee2e2;color:#991b1b}
.cap-pagination{display:flex;justify-content:flex-end;gap:6px;margin-top:17px}.cap-pagination a{min-width:34px;height:34px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d5e7df;border-radius:9px;color:#38695c;text-decoration:none;font-size:11px;font-weight:800;background:#fff}.cap-pagination a.active{background:#047857;color:#fff;border-color:#047857}.cap-pagination a.disabled{pointer-events:none;opacity:.35}
.cap-empty{text-align:center!important;color:#80938d!important;padding:28px!important}
@media(max-width:760px){.cap-chart-card,.cap-table-card{padding:16px;border-radius:18px}.cap-section-head{align-items:flex-start}.cap-section-head h2{font-size:19px}.cap-bar-row{grid-template-columns:80px 1fr}.cap-pagination{justify-content:center}}