.view-section-container{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;min-width:0;width:100%;padding:16px;box-sizing:border-box}.view-section-container--empty{align-items:stretch;justify-content:stretch;padding:0;background:hsl(var(--white))}.view-section-empty-content{display:flex;flex:1 1 0%;align-items:center;justify-content:center;width:100%;height:100%;padding:32px;box-sizing:border-box}.view-section-content{display:flex;flex-direction:row;gap:16px;flex:1 1 0%;height:100%;width:100%;min-width:0;min-height:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-right:16px;scroll-padding-right:16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:hsl(var(--gray-900) / .1) transparent}.view-section-content:after{content:"";flex:0 0 16px}.view-section-content::-webkit-scrollbar{height:8px}.view-section-content::-webkit-scrollbar-track{background:transparent}.view-section-content::-webkit-scrollbar-thumb{background-color:hsl(var(--gray-900) / .1);border-radius:4px;transition:background-color .16s ease-out}.view-section-content:hover::-webkit-scrollbar-thumb{background-color:hsl(var(--gray-900) / .2)}.view-section-content::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--gray-900) / .35)}.view-section-panel{height:100%;max-height:100%;content-visibility:auto;contain-intrinsic-size:620px 420px}.view-metric-card{position:relative;overflow:hidden;border:1px solid hsl(var(--gray-900) / .1);border-radius:24px;background:linear-gradient(180deg,hsl(var(--white)),hsl(var(--gray-50) / .55));box-shadow:inset 0 1px hsl(var(--white) / .8),0 1px 2px hsl(var(--gray-900) / .06)}.view-metric-card__content{display:flex;min-height:196px;padding:20px 20px 18px;position:relative;z-index:2}.view-metric-card__main{display:flex;flex:1 1 auto;min-width:0;max-width:min(220px,78%);flex-direction:column;justify-content:space-between;gap:14px}.view-metric-card__title{margin:0;font-size:15px;font-weight:500;letter-spacing:.01em;color:hsl(var(--gray-700))}.view-metric-card__value{margin:0;font-size:clamp(2.05rem,1.35rem + 1.5vw,2.8rem);font-weight:600;line-height:1.02;letter-spacing:-.02em;color:hsl(var(--gray-900))}.view-metric-card__value-unit{color:hsl(var(--gray-500))}.view-metric-card__delta{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;border:1px solid transparent;background:hsl(var(--gray-100) / .72);padding:6px 10px 6px 8px;gap:8px;font-size:.8rem;font-weight:500;line-height:1;backdrop-filter:blur(4px)}.view-metric-card__delta-icon{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:999px;color:hsl(var(--white))}.view-metric-card__delta-value{font-weight:650}.view-metric-card__delta-label{color:hsl(var(--gray-700))}.view-metric-card__delta--positive{border-color:hsl(var(--heroui-success) / .22)}.view-metric-card__delta--positive .view-metric-card__delta-icon{background:hsl(var(--heroui-success))}.view-metric-card__delta--positive .view-metric-card__delta-value{color:hsl(var(--heroui-success))}.view-metric-card__delta--neutral{border-color:hsl(var(--heroui-warning) / .25)}.view-metric-card__delta--neutral .view-metric-card__delta-icon{background:hsl(var(--heroui-warning))}.view-metric-card__delta--neutral .view-metric-card__delta-value{color:hsl(var(--heroui-warning))}.view-metric-card__delta--negative{border-color:hsl(var(--heroui-danger) / .22)}.view-metric-card__delta--negative .view-metric-card__delta-icon{background:hsl(var(--heroui-danger))}.view-metric-card__delta--negative .view-metric-card__delta-value{color:hsl(var(--heroui-danger))}.view-metric-card__chart{position:absolute;right:8px;bottom:8px;width:clamp(122px,36%,156px);min-width:122px;opacity:.55;pointer-events:none;filter:saturate(.88);z-index:1}.view-metric-card__chart [class*=recharts-]{opacity:.95}@media (max-width: 640px){.view-metric-card__content{min-height:184px}.view-metric-card__chart{opacity:.45}}