.health-metrics-container{margin:1rem 0}.health-metrics-container.compact{margin:.5rem 0}.health-metric-chart{margin-bottom:1rem}.health-metric-chart.compact{margin-bottom:.75rem}.health-metric-chart:last-child{margin-bottom:0}.health-metric-chart .flex{display:flex}.health-metric-chart .items-center{align-items:center}.health-metric-chart .justify-between{justify-content:space-between}.health-metric-chart .justify-center{justify-content:center}.health-metric-chart .gap-2{gap:.5rem}.health-metric-chart .mb-2{margin-bottom:.5rem}.health-metric-chart .mb-4{margin-bottom:1rem}.health-metric-chart .mt-2{margin-top:.5rem}.health-metric-chart .mt-4{margin-top:1rem}.health-metric-chart .mt-1{margin-top:.25rem}.health-metric-chart .pt-2{padding-top:.5rem}.health-metric-chart .px-2{padding-left:.5rem;padding-right:.5rem}.health-metric-chart .py-1{padding-top:.25rem;padding-bottom:.25rem}.health-metric-chart .text-sm{font-size:.875rem;line-height:1.25rem}.health-metric-chart .text-lg{font-size:1.125rem;line-height:1.75rem}.health-metric-chart .text-xs{font-size:.75rem;line-height:1rem}.health-metric-chart .font-medium{font-weight:500}.health-metric-chart .font-semibold{font-weight:600}.health-metric-chart .text-gray-900{color:#111827}.health-metric-chart .text-gray-600{color:#4B5563}.health-metric-chart .text-gray-500{color:#6B7280}.health-metric-chart .text-white{color:#FFFFFF}.health-metric-chart .bg-gray-200{background-color:#E5E7EB}.health-metric-chart .bg-gray-900{background-color:#111827}.health-metric-chart .bg-yellow-400{background-color:#FACC15}.health-metric-chart .bg-green-500{background-color:#10B981}.health-metric-chart .bg-red-500{background-color:#EF4444}.health-metric-chart .bg-white{background-color:#FFFFFF}.health-metric-chart .border{border-width:1px}.health-metric-chart .border-gray-200{border-color:#E5E7EB}.health-metric-chart .border-gray-100{border-color:#F3F4F6}.health-metric-chart .border-t{border-top-width:1px}.health-metric-chart .rounded-lg{border-radius:.5rem}.health-metric-chart .rounded-full{border-radius:9999px}.health-metric-chart .rounded{border-radius:.25rem}.health-metric-chart .shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.health-metric-chart .overflow-hidden{overflow:hidden}.health-metric-chart .relative{position:relative}.health-metric-chart .absolute{position:absolute}.health-metric-chart .w-full{width:100%}.health-metric-chart .h-6{height:1.5rem}.health-metric-chart .h-full{height:100%}.health-metric-chart .w-1{width:.25rem}.health-metric-chart .space-y-4>*+*{margin-top:1rem}.health-metric-chart .space-y-4.compact>*+*{margin-top:.75rem}.health-metric-chart .capitalize{text-transform:capitalize}.health-metric-chart .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.health-metric-chart .-translate-x-1\/2{--tw-translate-x:-50%}.health-metric-chart .-top-8{top:-2rem}@media (max-width:640px){.health-metric-chart .text-sm{font-size:.75rem}.health-metric-chart .text-lg{font-size:1rem}.health-metric-chart .h-6{height:1.25rem}.health-metric-chart .-top-8{top:-1.5rem}.health-metric-chart .px-2{padding-left:.25rem;padding-right:.25rem}.health-metric-chart .py-1{padding-top:.125rem;padding-bottom:.125rem}}@media (prefers-color-scheme:dark){.health-metric-chart .text-gray-900{color:#F9FAFB}.health-metric-chart .text-gray-600{color:#D1D5DB}.health-metric-chart .text-gray-500{color:#9CA3AF}.health-metric-chart .bg-white{background-color:#1F2937}.health-metric-chart .border-gray-200{border-color:#374151}.health-metric-chart .border-gray-100{border-color:#4B5563}}