:root{--chart-line:#e0314b}html,body{background:var(--oc-color-canvas);font-family:var(--oc-font);margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dash-top{gap:var(--oc-space-lg);display:grid}@media (width>=1100px){.dash-top{grid-template-columns:minmax(260px,1fr) 2.3fr}}.dash-feature{min-height:360px}.product-row{align-items:center;gap:var(--oc-space-lg);padding:var(--oc-space-md) var(--oc-space-lg);border:1px solid var(--oc-color-line);border-radius:var(--oc-radius-md);background:var(--oc-color-subtle);grid-template-columns:1fr auto;display:grid}.product-total{border:1px solid var(--oc-color-line);border-radius:var(--oc-radius-sm);background:var(--oc-color-surface);min-width:64px;padding:6px 10px}.globe{aspect-ratio:1;color:#fff;width:100%;display:block}.gauge-wrap{width:100%;max-width:320px;margin-inline:auto;position:relative}.gauge svg{width:100%;display:block}.gauge-center{inset-inline:0;text-align:center;position:absolute;bottom:0}.gauge-value{font-size:var(--oc-text-3xl);font-variant-numeric:tabular-nums;color:var(--oc-color-text);margin:0;font-weight:600;line-height:1.2}.gauge-detail{color:var(--oc-color-text-muted);margin:0}.gauge-legend{gap:var(--oc-space-sm) var(--oc-space-xl);margin:var(--oc-space-xl) 0 0;font-size:var(--oc-text-sm);color:var(--oc-color-text);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:0;list-style:none;display:grid}.gauge-legend li{align-items:center;gap:var(--oc-space-sm);display:flex}.gauge-dot{border-radius:50%;flex:none;width:8px;height:8px}.gauge-legend-value{font-variant-numeric:tabular-nums;margin-inline-start:auto;font-weight:600}.line-focus{outline-offset:4px;border-radius:4px}.line-focus:focus-visible{outline:2px solid var(--oc-color-focus)}.line-plot{touch-action:pan-y;margin-inline-start:36px;position:relative}.line-plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.line-grid{stroke:var(--oc-color-line);vector-effect:non-scaling-stroke}.line-stroke{fill:none;stroke:var(--chart-line);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.line-ticks span{font-size:var(--oc-text-xs);color:var(--oc-color-text-muted);font-variant-numeric:tabular-nums;margin-inline-end:12px;position:absolute;inset-inline-end:100%;translate:0 -50%}.line-axis{height:18px;margin:var(--oc-space-md) 0 0 36px;font-size:var(--oc-text-xs);color:var(--oc-color-text-muted);position:relative}.line-axis span{white-space:nowrap;position:absolute;top:0;translate:-50%}.line-axis span:first-child{translate:0}.line-axis span:last-child{translate:-100%}.line-cross,.line-dot,.line-tip{pointer-events:none;position:absolute}.line-cross{border-inline-start:1px dashed var(--chart-line);top:0;bottom:0}.line-dot{border:2px solid var(--chart-line);background:var(--oc-color-surface);border-radius:50%;width:10px;height:10px;translate:-50% -50%}.line-tip{z-index:1;border-radius:var(--oc-radius-pill);background:var(--oc-color-control);font-size:var(--oc-text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--oc-color-text);padding:4px 12px;font-weight:500;translate:-50% calc(-100% - 14px)}@media (width<=520px){.line-axis span:not(:first-child):not(:last-child){display:none}}@media (prefers-reduced-motion:no-preference){.line-reveal{animation:1.4s cubic-bezier(.33,1,.68,1) .15s both line-reveal}.gauge-segment{transform-box:view-box;transform-origin:160px 150px;animation:gauge-in .45s cubic-bezier(.22, 1, .36, 1) calc(.15s + var(--i,0) * 60ms) both}}@keyframes line-reveal{0%{clip-path:inset(-5% 100% -5% -1%)}to{clip-path:inset(-5% -1%)}}@keyframes gauge-in{0%{opacity:0;transform:scale(.88)}}