.data-card{margin:0 0 18px;padding:14px;border:1px solid #dce5ef;border-radius:18px;background:#f7f9fc;overflow:hidden}.data-title{margin:0 0 10px;color:#17304f;font-size:.82rem;font-weight:900}.data-table-wrap{overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:5px;min-width:430px}.data-table th,.data-table td{padding:9px 10px;border:1px solid #d9e2ec;border-radius:8px;background:#fff;text-align:center}.data-table th{background:#edf3fb;color:#173e91;font-weight:900}.bar-chart{height:260px;display:flex;align-items:flex-end;gap:10px;padding:22px 10px 44px;border-bottom:2px solid #244f9f;overflow-x:auto}.bar-item{min-width:64px;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar-fill{width:min(48px,70%);min-height:4px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#74a9ff,#244f9f)}.bar-value{margin-bottom:5px;color:#17304f;font-size:.75rem;font-weight:900}.bar-label{position:absolute;top:calc(100% + 8px);max-width:90px;text-align:center;color:#5f7187;font-size:.7rem;font-weight:800;line-height:1.15}.pie-wrap{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center}.pie{width:210px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#244f9f 0 var(--a),#74a9ff var(--a) var(--b),#cbd8ed var(--b) 100%);border:8px solid #fff;box-shadow:0 0 0 1px #d9e2ec}.pie-legend{display:grid;gap:9px}.pie-legend span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:10px;background:#fff;border:1px solid #d9e2ec;color:#405671;font-size:.82rem;font-weight:800}.pie-legend b{color:#173e91}@media(max-width:620px){.data-card{padding:10px}.data-table{min-width:500px}.bar-chart{min-width:560px}.pie-wrap{grid-template-columns:1fr}.pie{margin:auto}}