.dashboard-demo[data-v-2173241f]{height:640px;overflow-x:auto}.dashboard-demo[data-v-2173241f]>.app-window{min-width:720px}.dashboard-demo__main[data-v-2173241f]{background:var(--page-alt-color);flex-direction:column;gap:12px;height:100%;padding:12px;display:flex;position:relative}.dashboard-demo__toolbar[data-v-2173241f]{align-items:center;gap:16px;display:flex}.dashboard-demo__compare[data-v-2173241f]{color:var(--content-dim-color);cursor:pointer;align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.dashboard-demo__compare input[data-v-2173241f]{accent-color:var(--primary-color)}.dashboard-demo__live[data-v-2173241f]{color:var(--success-color);align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:650;display:inline-flex}.dashboard-demo__live span[data-v-2173241f]{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}.dashboard-demo__kpis[data-v-2173241f]{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.dashboard-demo__kpi[data-v-2173241f],.dashboard-demo__card[data-v-2173241f]{background:var(--mock-main-color);box-shadow:inset 0 0 0 1px var(--border-color);border-radius:12px}.dashboard-demo__kpi[data-v-2173241f]{flex-direction:column;gap:3px;padding:12px 14px;display:flex}.dashboard-demo__kpi-label[data-v-2173241f]{color:var(--content-dim-color);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.dashboard-demo__kpi-value[data-v-2173241f]{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--content-bright-color);font-size:22px;font-weight:750}.dashboard-demo__delta[data-v-2173241f]{color:var(--success-color);align-items:center;gap:4px;font-size:11.5px;font-weight:650;display:inline-flex}.dashboard-demo__delta--down[data-v-2173241f]{color:var(--error-color)}.dashboard-demo__grid[data-v-2173241f]{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1.25fr 1fr;gap:10px;min-height:0;display:grid}.dashboard-demo__card[data-v-2173241f]{flex-direction:column;min-height:0;padding:12px 14px;display:flex}.dashboard-demo__card--chart[data-v-2173241f]{grid-row:span 2}.dashboard-demo__card-title[data-v-2173241f]{color:var(--content-bright-color);margin-bottom:8px;font-size:12.5px;font-weight:700}.dashboard-demo__chart[data-v-2173241f]{flex:1;min-height:0;position:relative}.dashboard-demo__canvas[data-v-2173241f]{width:100%;height:100%}.dashboard-demo__tooltip[data-v-2173241f]{top:16px;bottom:26px;left:calc(52px + (100% - 64px) * var(--left));pointer-events:none;position:absolute}.dashboard-demo__tooltip-line[data-v-2173241f]{background:var(--content-dark-color);width:1px;position:absolute;top:0;bottom:0}.dashboard-demo__tooltip-box[data-v-2173241f]{background:var(--card-color);border:1px solid var(--border-color);box-shadow:var(--dropdown-shadow);color:var(--content-dim-color);white-space:nowrap;border-radius:8px;flex-direction:column;padding:5px 9px;font-size:11px;display:flex;position:absolute;top:0;left:8px}.dashboard-demo__tooltip-box strong[data-v-2173241f]{color:var(--content-bright-color);font-size:12.5px}.dashboard-demo__people[data-v-2173241f]{flex-direction:column;flex:1;justify-content:space-around;display:flex}.dashboard-demo__people li[data-v-2173241f]{grid-template-columns:auto 3.2rem 1fr 5.6rem;align-items:center;gap:8px;font-size:12px;display:grid}.dashboard-demo__person-name[data-v-2173241f]{color:var(--content-normal-color);font-weight:600}.dashboard-demo__bar-track[data-v-2173241f]{background:var(--container-color);border-radius:4px;height:8px;overflow:hidden}.dashboard-demo__bar[data-v-2173241f]{border-radius:inherit;background:var(--bar-color);height:100%;transition:width .7s var(--ease-out);display:block}.dashboard-demo__person-value[data-v-2173241f]{font-variant-numeric:tabular-nums;text-align:right;color:var(--content-dim-color)}.dashboard-demo__donut-wrap[data-v-2173241f]{flex:1;align-items:center;gap:20px;display:flex}.dashboard-demo__donut[data-v-2173241f]{width:108px;height:108px;animation:donut-in-2173241f .7s var(--ease-out);border-radius:50%;flex-shrink:0;position:relative}.dashboard-demo__donut[data-v-2173241f]:after{content:"";background:var(--mock-main-color);border-radius:50%;position:absolute;inset:22%}@keyframes donut-in-2173241f{0%{opacity:0;transform:rotate(-90deg)scale(.85)}}.dashboard-demo__legend[data-v-2173241f]{color:var(--content-dim-color);flex-direction:column;gap:6px;font-size:12px;display:flex}.dashboard-demo__legend li[data-v-2173241f]{align-items:center;gap:7px;display:flex}.dashboard-demo__legend strong[data-v-2173241f]{color:var(--content-bright-color);margin-left:auto;padding-left:12px}.dashboard-demo__legend-dot[data-v-2173241f]{border-radius:3px;width:9px;height:9px}.dashboard-demo__toast[data-v-2173241f]{background:var(--card-color);border:1px solid var(--border-color);box-shadow:var(--dropdown-shadow);color:var(--content-bright-color);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.dashboard-demo__toast[data-v-2173241f] .icon{color:var(--warning-color)}.dashboard-toast-enter-active[data-v-2173241f],.dashboard-toast-leave-active[data-v-2173241f]{transition:opacity .35s var(--ease-out), transform .35s var(--ease-out)}.dashboard-toast-enter-from[data-v-2173241f],.dashboard-toast-leave-to[data-v-2173241f]{opacity:0;transform:translate(-50%,10px)}