:root{--page-header-offset:44px}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.chart-skeleton{background:#fff;border:none;border-radius:0;padding:0;display:flex;flex-direction:column;width:100%;min-width:0;height:auto;overflow:hidden}.chart-skeleton .chart-skeleton__title{font-size:14px;font-weight:600;padding:6px 10px;color:#1d2437;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid rgba(89,92,90,.4078431373)}.chart-skeleton .chart-skeleton__title-placeholder{margin:6px 10px;width:120px;height:14px;border-radius:4px;background:linear-gradient(105deg,rgba(0,0,0,.12),rgba(0,0,0,.22) 42%,rgba(0,0,0,.14) 55%,rgba(0,0,0,.12));background-size:240% 100%;background-position:120% 0;animation:skeleton-shimmer 1.35s ease-in-out infinite}.chart-skeleton .chart-skeleton__area{flex:1 1;min-height:160px;padding:16px 20px 24px;display:flex;align-items:flex-end;gap:8px;position:relative}.chart-skeleton.chart-skeleton--pie .chart-skeleton__area{align-items:center;justify-content:center}.chart-skeleton.chart-skeleton--pie-legend .chart-skeleton__area{align-items:center;justify-content:flex-start}.chart-skeleton.chart-skeleton--area .chart-skeleton__area{align-items:stretch}.chart-skeleton .chart-skeleton__pie-layout{display:flex;flex-direction:row;align-items:center;gap:14px;width:100%;min-height:0;flex:1 1}.chart-skeleton .chart-skeleton__pie--with-legend{width:auto;flex-shrink:0;min-width:0;min-height:0;padding:0}.chart-skeleton .chart-skeleton__pie-legend{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:10px;justify-content:center}.chart-skeleton .chart-skeleton__pie-legend-line{height:10px;border-radius:4px;max-width:100%;background:linear-gradient(105deg,rgba(0,0,0,.12),rgba(0,0,0,.22) 42%,rgba(0,0,0,.14) 55%,rgba(0,0,0,.12));background-size:240% 100%;background-position:120% 0;animation:skeleton-shimmer 1.35s ease-in-out infinite}.chart-skeleton .chart-skeleton__bars{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;width:100%;height:100%;min-height:160px}.chart-skeleton .chart-skeleton__bar{flex:1 1;min-width:12px;max-width:32px;border-radius:4px 4px 0 0;background:linear-gradient(105deg,rgba(0,0,0,.12),rgba(0,0,0,.22) 42%,rgba(0,0,0,.14) 55%,rgba(0,0,0,.12));background-size:240% 100%;background-position:120% 0;animation:skeleton-shimmer 1.35s ease-in-out infinite}.chart-skeleton .chart-skeleton__line-wrap{position:absolute;inset:16px 20px 24px;display:flex;align-items:flex-end}.chart-skeleton .chart-skeleton__line{width:100%;height:100%;min-height:140px;position:relative;background:linear-gradient(105deg,rgba(0,0,0,.12),rgba(0,0,0,.22) 42%,rgba(0,0,0,.14) 55%,rgba(0,0,0,.12));background-size:240% 100%;background-position:120% 0;animation:skeleton-shimmer 1.35s ease-in-out infinite;clip-path:polygon(0 80%,12% 65%,25% 75%,40% 45%,55% 55%,70% 30%,85% 40%,100% 25%)}.chart-skeleton .chart-skeleton__area-chart-wrap{position:absolute;inset:16px 20px 24px;display:flex;align-items:flex-end}.chart-skeleton .chart-skeleton__area-fill{width:100%;height:100%;min-height:140px;background:linear-gradient(105deg,rgba(0,0,0,.12),rgba(0,0,0,.22) 42%,rgba(0,0,0,.14) 55%,rgba(0,0,0,.12));background-size:240% 100%;background-position:120% 0;animation:skeleton-shimmer 1.35s ease-in-out infinite;clip-path:polygon(0 100%,0 80%,12% 65%,25% 75%,40% 45%,55% 55%,70% 30%,85% 40%,100% 25%,100% 100%);opacity:.95}.chart-skeleton .chart-skeleton__pie{display:flex;align-items:center;justify-content:center;width:100%;min-height:140px;padding:8px 0}.chart-skeleton .chart-skeleton__pie-ring{width:var(--chart-skeleton-pie-size,130px);height:var(--chart-skeleton-pie-size,130px);border-radius:50%;position:relative;background:conic-gradient(rgba(0,0,0,.14) 0deg 95deg,rgba(0,0,0,.22) 95deg 210deg,rgba(0,0,0,.16) 210deg 300deg,rgba(0,0,0,.12) 300deg 1turn);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.chart-skeleton .chart-skeleton__pie-ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.55) 48%,transparent 96%);background-size:220% 100%;background-position:100% 0;animation:skeleton-shimmer 1.25s ease-in-out infinite;pointer-events:none}.chart-skeleton .chart-skeleton__pie-ring:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52%;height:52%;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.05)}.chart-skeleton .chart-skeleton__count{flex:1 1;display:flex;align-items:center;justify-content:center;min-height:160px}.chart-skeleton .chart-skeleton__count-block{width:64px;height:48px;border-radius:6px;background:linear-gradient(105deg,rgba(0,0,0,.12),rgba(0,0,0,.22) 42%,rgba(0,0,0,.14) 55%,rgba(0,0,0,.12));background-size:240% 100%;background-position:120% 0;animation:skeleton-shimmer 1.35s ease-in-out infinite}.chart-skeleton .chart-skeleton__hbars{display:flex;flex-direction:column;gap:12px;width:100%;justify-content:center}.chart-skeleton .chart-skeleton__hbar-row{display:flex;align-items:center;gap:10px;width:100%}.chart-skeleton .chart-skeleton__hbar-label{width:72px;flex-shrink:0;height:10px;border-radius:4px;background:linear-gradient(105deg,rgba(0,0,0,.12),rgba(0,0,0,.22) 42%,rgba(0,0,0,.14) 55%,rgba(0,0,0,.12));background-size:240% 100%;background-position:120% 0;animation:skeleton-shimmer 1.35s ease-in-out infinite}.chart-skeleton .chart-skeleton__hbar-track{flex:1 1;min-width:0;height:12px;border-radius:6px;background:rgba(0,0,0,.06);overflow:hidden}.chart-skeleton .chart-skeleton__hbar-fill{height:100%;border-radius:6px;background:linear-gradient(105deg,rgba(0,0,0,.12),rgba(0,0,0,.22) 42%,rgba(0,0,0,.14) 55%,rgba(0,0,0,.12));background-size:240% 100%;background-position:120% 0;animation:skeleton-shimmer 1.35s ease-in-out infinite}.chart-skeleton.chart-skeleton--hbar .chart-skeleton__area{align-items:stretch;justify-content:center}.chart-skeleton.chart-skeleton--stat .chart-skeleton__area{align-items:stretch;justify-content:center;padding-top:12px;padding-bottom:16px}.chart-skeleton .chart-skeleton__stat{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.chart-skeleton .chart-skeleton__stat-label{width:58%;height:12px;border-radius:4px}.chart-skeleton .chart-skeleton__stat-label,.chart-skeleton .chart-skeleton__stat-value{background:linear-gradient(105deg,rgba(0,0,0,.12),rgba(0,0,0,.22) 42%,rgba(0,0,0,.14) 55%,rgba(0,0,0,.12));background-size:240% 100%;background-position:120% 0;animation:skeleton-shimmer 1.35s ease-in-out infinite}.chart-skeleton .chart-skeleton__stat-value{width:48%;height:30px;border-radius:6px}.chart-skeleton .chart-skeleton__stat-sub{width:38%;height:10px;border-radius:4px;background:linear-gradient(105deg,rgba(0,0,0,.12),rgba(0,0,0,.22) 42%,rgba(0,0,0,.14) 55%,rgba(0,0,0,.12));background-size:240% 100%;background-position:120% 0;animation:skeleton-shimmer 1.35s ease-in-out infinite}.chart-skeleton--monitoring{padding:12px}.chart-skeleton--monitoring .chart-skeleton__title-placeholder{margin:0 0 8px}.chart-skeleton--monitoring .chart-skeleton__area{min-height:200px;padding:12px 0 32px}.chart-skeleton--monitoring .chart-skeleton__area-chart-wrap,.chart-skeleton--monitoring .chart-skeleton__line-wrap{inset:12px 0 32px 0}.chart-skeleton--monitoring .chart-skeleton__area-fill,.chart-skeleton--monitoring .chart-skeleton__line{min-height:180px}