.card-base{border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 3px rgba(0,0,0,0.05);--tw-shadow-colored:0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card-base:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.card-hover{cursor:pointer}.card-hover:hover{--tw-translate-y:-0.25rem;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));--tw-shadow:0 20px 40px rgba(0,0,0,0.1);--tw-shadow-colored:0 20px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@keyframes metricEnter{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.metric-card-enter{animation:metricEnter .6s cubic-bezier(.34,1.56,.64,1)}.metric-card-hover{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.metric-card-hover:hover{--tw-translate-y:-0.25rem;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));--tw-shadow:0 20px 40px rgba(0,0,0,0.1);--tw-shadow-colored:0 20px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.icon-hover{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.metric-card-hover .icon-hover:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;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))}.icon-base{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.decorative-circle{position:absolute;border-radius:9999px}.decorative-circle,.metric-card-hover .decorative-circle{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.metric-card-hover:hover .decorative-circle{--tw-scale-x:1.5;--tw-scale-y:1.5;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))}.space-between-metric{display:flex;align-items:center;justify-content:space-between;gap:.75rem}@keyframes slideInValue{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.value-change{animation:slideInValue .3s ease-out}.grid-metrics-hero{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.grid-metrics-hero{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-metrics-primary{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.grid-metrics-primary{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-metrics-responsive{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:640px){.grid-metrics-responsive{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (min-width:768px){.grid-metrics-responsive{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.grid-metrics-responsive{grid-template-columns:repeat(4,minmax(0,1fr))}}.skeleton-card{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.skeleton-card:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.skeleton-line{height:.75rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.skeleton-line:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.skeleton-title{height:1rem;width:6rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.skeleton-title:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.skeleton-value{height:2rem;width:8rem}@keyframes pulse{50%{opacity:.5}}.skeleton-value{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.skeleton-value:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.trend-badge-up{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.trend-badge-up:is(.dark *){background-color:rgb(6 78 59/.3);--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.trend-badge-down{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.trend-badge-down:is(.dark *){background-color:rgb(124 45 18/.3);--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity,1))}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(255 255 255/0.3) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.shimmer-effect:is(.dark *):after{--tw-gradient-to:rgb(55 65 81/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(55 65 81/0.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.shimmer-effect:after{animation:shimmer 2s infinite}.card-focus:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.card-focus:focus-visible:is(.dark *){--tw-ring-offset-color:#111827}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition-property:none!important}}.px-card{padding-left:1rem;padding-right:1rem}@media (min-width:640px){.px-card{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.px-card{padding-left:2rem;padding-right:2rem}}.py-card{padding-top:1rem;padding-bottom:1rem}@media (min-width:640px){.py-card{padding-top:1.5rem;padding-bottom:1.5rem}}@media (min-width:768px){.py-card{padding-top:2rem;padding-bottom:2rem}}.gap-card{gap:1rem}@media (min-width:640px){.gap-card{gap:1.5rem}}@media (min-width:768px){.gap-card{gap:2rem}}.text-metric-label{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.text-metric-value-hero{font-size:2.25rem;line-height:2.5rem;font-weight:700}.text-metric-value-primary{font-size:1.5rem;line-height:2rem;font-weight:700}.text-metric-value-secondary{font-size:1.25rem;line-height:1.75rem;font-weight:700}.transition-smooth{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.transition-fast{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1)}.transition-slow{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;transition-timing-function:cubic-bezier(0,0,.2,1)}.hover-lift-sm{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hover-lift-sm:hover{--tw-translate-y:-0.25rem;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))}.hover-lift-md{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hover-lift-md:hover{--tw-translate-y:-0.5rem;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))}.hover-lift-lg{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hover-lift-lg:hover{--tw-translate-y:-1rem;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))}.shadow-card-sm{--tw-shadow:0 1px 3px rgba(0,0,0,0.05);--tw-shadow-colored:0 1px 3px var(--tw-shadow-color)}.shadow-card-md,.shadow-card-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-card-md{--tw-shadow:0 10px 25px rgba(0,0,0,0.08);--tw-shadow-colored:0 10px 25px var(--tw-shadow-color)}.shadow-card-lg{--tw-shadow:0 20px 40px rgba(0,0,0,0.1);--tw-shadow-colored:0 20px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}