:root{--st-kpi-up: #15703c;--st-kpi-down: #b0262c;--st-kpi-up-bg: color-mix(in srgb,var(--st-success) 14%,var(--st-surface));--st-kpi-down-bg: color-mix(in srgb,var(--st-danger) 12%,var(--st-surface));--st-skel-a: color-mix(in srgb,var(--st-text-muted) 14%,var(--st-surface));--st-skel-b: color-mix(in srgb,var(--st-text-muted) 26%,var(--st-surface))}
:root[data-theme="dark"],:root.st-dark{--st-kpi-up: #5ecf8a;--st-kpi-down: #ff8a8f}
.st-visually-hidden{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}
.st-top__licon{display: inline-flex;align-items: center;justify-content: center;flex: none;width: calc(var(--st-topbtn-h) * .5);height: calc(var(--st-topbtn-h) * .5)}
.st-top__licon .st-licon{width: 100%;height: 100%}
.st-top__home.is-active .st-top__licon{color: var(--st-primary)}
.st-panel{display: flex;flex-direction: column;gap: 12px;padding: var(--st-gutter);min-height: 100%;container: st-panel / inline-size}
.st-panel__filters{flex: none}
.st-panel__period{margin: -6px 0 0;color: var(--st-text-muted);font-size: var(--st-fs-caption)}
.st-panel__range{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 10px;min-width: 0}
.st-panel__range > .st-select{flex: 0 0 auto;width: auto;min-width: 9.5rem}
.st-panel__rangetext{display: inline-flex;align-items: center;min-height: var(--st-ctl-h);padding: 0 12px;border-radius: 999px;background: var(--st-primary-soft);color: var(--st-text-accent);font-size: var(--st-fs-label);font-weight: var(--st-fw-label);font-variant-numeric: tabular-nums;white-space: nowrap}
.st-panel__none{margin: 0;padding: 14px 16px;border: 1px dashed var(--st-border-strong);border-radius: var(--st-radius);color: var(--st-text-muted)}
.st-flow{--st-flow-gap: 10px;display: flex;flex-wrap: wrap;align-items: stretch;gap: var(--st-flow-gap)}
.st-flow > *{--r1: 1;--r2: 2;--r3: 3;--r4: 4;--r5: 5;--r6: 6;--r7: 7;--r: var(--r1)}
.st-flow > *{flex: 1 1 calc((100% - (var(--r) - 1) * var(--st-flow-gap)) / var(--r) - .5px);min-width: 0}
@container st-panel (min-width: 370px){.st-panel__cards > *{--r: var(--r2)}
}
@container st-panel (min-width: 560px){.st-panel__cards > *{--r: var(--r3)}
}
@container st-panel (min-width: 750px){.st-panel__cards > *{--r: var(--r4)}
}
@container st-panel (min-width: 940px){.st-panel__cards > *{--r: var(--r5)}
}
@container st-panel (min-width: 1130px){.st-panel__cards > *{--r: var(--r6)}
}
@container st-panel (min-width: 1320px){.st-panel__cards > *{--r: var(--r7)}
}
@container st-panel (min-width: 660px){.st-pgroup__grid > *{--r: var(--r2)}
}
@container st-panel (min-width: 995px){.st-pgroup__grid > *{--r: var(--r3)}
}
@container st-panel (min-width: 1330px){.st-pgroup__grid > *{--r: var(--r4)}
}
@container st-panel (min-width: 1665px){.st-pgroup__grid > *{--r: var(--r5)}
}
@container st-panel (min-width: 2000px){.st-pgroup__grid > *{--r: var(--r6)}
}
.st-panel__lists{display: flex;flex-direction: column;gap: 16px}
.st-pgroup{display: flex;flex-direction: column;gap: 8px;min-width: 0}
.st-pgroup__title{display: flex;align-items: center;gap: 10px;margin: 0;color: var(--st-text-label);font-size: var(--st-fs-section);font-weight: var(--st-fw-section)}
.st-pgroup__title::after{content: "";flex: 1 1 auto;height: 1px;background: var(--st-border)}
.st-pgroup__grid{min-width: 0}
.st-kpi{position: relative;container: st-kpi / inline-size;display: flex;flex-direction: column;align-items: stretch;gap: 6px;min-height: 118px;padding: 12px 14px 10px;text-align: left;border: 1px solid var(--st-border);border-radius: var(--st-radius);background: var(--st-surface);color: var(--st-text);box-shadow: var(--st-shadow-sm);cursor: pointer;transition: border-color .12s,box-shadow .12s,transform .12s;-webkit-tap-highlight-color: transparent}
.st-kpi:hover:not(:disabled){border-color: var(--st-primary);box-shadow: var(--st-shadow-md)}
.st-kpi:hover:not(:disabled) .st-kpi__go{opacity: 1;transform: translateX(0)}
.st-kpi:active:not(:disabled){transform: translateY(1px)}
.st-kpi:focus-visible{outline: none;box-shadow: 0 0 0 3px var(--st-focus)}
.st-kpi:disabled{cursor: default}
.st-kpi__head{display: flex;align-items: center;gap: 8px;min-width: 0}
.st-kpi__icon{display: inline-flex;align-items: center;justify-content: center;flex: none;width: 28px;height: 28px;border-radius: 8px;background: var(--st-primary-soft);color: var(--st-text-accent)}
.st-kpi__title{flex: 1 1 auto;min-width: 0;line-height: var(--st-lh-tight);font-size: var(--st-fs-label);font-weight: var(--st-fw-label);color: var(--st-text-label)}
.st-kpi__go{flex: none;display: inline-flex;color: var(--st-text-muted);opacity: 0;transform: translateX(-4px);transition: opacity .12s,transform .12s}
.st-kpi__value{font-size: var(--st-fs-display);font-weight: var(--st-fw-value);line-height: var(--st-lh-tight);font-variant-numeric: tabular-nums;letter-spacing: -.01em;text-align: right;overflow-wrap: anywhere}
.st-kpi__value--rows{display: grid;grid-template-columns: auto auto;justify-content: end;align-items: baseline;column-gap: .3em;row-gap: 2px;font-size: var(--st-fs-amount);overflow-wrap: normal}
.st-kpi__amt{text-align: right;white-space: nowrap}
@container st-kpi (max-width: 195px){.st-kpi__value{font-size: var(--st-fs-amount)}
.st-kpi__head{min-height: 32px}
}
.st-kpi__cur{text-align: left;white-space: nowrap}
.st-kpi__foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 6px 8px;min-height: 22px}
.st-kpi__chg{display: inline-flex;align-items: center;gap: 3px;height: 22px;padding: 0 8px;border-radius: 999px;font-size: var(--st-fs-caption);font-weight: var(--st-fw-semibold);font-variant-numeric: tabular-nums;background: var(--st-surface-2);color: var(--st-text-muted)}
.st-kpi__chg.is-up{background: var(--st-kpi-up-bg);color: var(--st-kpi-up)}
.st-kpi__chg.is-down{background: var(--st-kpi-down-bg);color: var(--st-kpi-down)}
.st-kpi__hint{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: right;font-size: var(--st-fs-caption);color: var(--st-text-muted)}
.st-kpi__spark{display: block;width: 100%;height: 32px;margin-top: auto;color: var(--st-primary)}
.st-spark__line{fill: none;stroke: currentColor;stroke-width: 2;vector-effect: non-scaling-stroke;stroke-linejoin: round;stroke-linecap: round}
.st-spark__area{fill: currentColor;opacity: .12}
.st-kpi__skel{display: block;height: 14px;border-radius: 6px;background: linear-gradient(90deg,var(--st-skel-a) 25%,var(--st-skel-b) 50%,var(--st-skel-a) 75%);background-size: 200% 100%;animation: st-shimmer 1.2s linear infinite}
.st-kpi__skel--value{align-self: flex-end;height: 26px;width: 60%;margin-top: 2px}
.st-kpi__skel--hint{align-self: flex-end;width: 80%;margin-bottom: 8px}
.st-kpi__skel--chg{width: 64px;height: 22px;border-radius: 999px}
@keyframes st-shimmer{from{background-position: 200% 0}
to{background-position: -200% 0}
}
.st-kpi__wait{margin-inline-start: auto}
@media (prefers-reduced-motion: reduce){.st-kpi__skel{animation: none}
.st-kpi,.st-kpi__go{transition: none}
}
.st-plist{display: flex;flex-direction: column;min-width: 0;border: 1px solid var(--st-border);border-radius: var(--st-radius);background: var(--st-surface);box-shadow: var(--st-shadow-sm)}
.st-plist__head{position: relative;display: flex;align-items: stretch;border-bottom: 1px solid var(--st-border);border-radius: var(--st-radius) var(--st-radius) 0 0;background: var(--st-surface-2)}
.st-plist__open{flex: 1 1 auto;display: flex;align-items: center;gap: 8px;min-width: 0;min-height: 50px;padding: 8px 14px;border: 0;border-radius: var(--st-radius) 0 0 0;background: transparent;color: var(--st-text);text-align: left;cursor: pointer;-webkit-tap-highlight-color: transparent}
.st-plist__open:hover:not(:disabled){background: var(--st-hover-soft)}
.st-plist__open:hover:not(:disabled) .st-plist__go{opacity: 1}
.st-plist__open:focus-visible{outline: none;box-shadow: inset 0 0 0 3px var(--st-focus)}
.st-plist__open:disabled{cursor: default}
.st-plist__icon{display: inline-flex;align-items: center;justify-content: center;flex: none;width: 28px;height: 28px;border-radius: 8px;background: var(--st-primary-soft);color: var(--st-text-accent)}
.st-plist__title{flex: 1 1 auto;min-width: 0;overflow-wrap: anywhere;line-height: var(--st-lh-tight);font-size: var(--st-fs-section);font-weight: var(--st-fw-section)}
.st-plist__top{flex: none;display: inline-flex;align-items: center;height: 22px;padding: 0 8px;border-radius: 999px;border: 1px solid var(--st-border-strong);background: var(--st-surface);color: var(--st-text-label);font-size: var(--st-fs-caption);font-weight: var(--st-fw-semibold);white-space: nowrap}
.st-plist__sum{margin: 0;padding: 8px 14px 0;font-size: var(--st-fs-caption);color: var(--st-text-muted);font-variant-numeric: tabular-nums}
.st-plist__go{flex: none;display: inline-flex;color: var(--st-text-muted);opacity: 0;transition: opacity .12s}
.st-plist__tool{position: relative;display: flex;align-items: center;flex: none;padding-right: 6px}
.st-plist__gear{display: inline-flex;align-items: center;justify-content: center;width: var(--st-tap);height: var(--st-tap);border: 1px solid transparent;border-radius: 8px;background: transparent;color: var(--st-text-label);cursor: pointer;-webkit-tap-highlight-color: transparent}
.st-plist__gear:hover,.st-plist__gear[aria-expanded="true"]{border-color: var(--st-border-strong);background: var(--st-surface);color: var(--st-text-accent)}
.st-plist__gear:focus-visible{outline: none;box-shadow: 0 0 0 3px var(--st-focus)}
.st-plist__menu{position: absolute;top: calc(100% + 4px);right: 6px;z-index: 20;display: flex;flex-direction: column;gap: 2px;min-width: 210px;padding: 6px;border: 1px solid var(--st-border-strong);border-radius: var(--st-radius);background: var(--st-surface);box-shadow: var(--st-shadow-md)}
.st-plist__menuhead{padding: 4px 8px 6px;font-size: var(--st-fs-caption);font-weight: var(--st-fw-label);color: var(--st-text-label)}
.st-plist__opt{display: flex;align-items: center;min-height: var(--st-tap);padding: 0 10px;border: 0;border-radius: 6px;background: transparent;color: var(--st-text);font-size: var(--st-fs-body);text-align: left;cursor: pointer}
.st-plist__opt:hover{background: var(--st-hover-soft)}
.st-plist__opt.is-on{background: var(--st-primary-soft);color: var(--st-text-accent);font-weight: var(--st-fw-selected)}
.st-plist__opt:focus-visible{outline: none;box-shadow: inset 0 0 0 2px var(--st-focus)}
.st-plist__rows{list-style: none;margin: 0;padding: 6px 14px 10px;counter-reset: st-rank}
.st-plist__row{display: grid;grid-template-columns: 22px minmax(0,1fr) auto;grid-template-areas: "n name val" "n meta val" "n bar bar";column-gap: 8px;align-items: center;padding: 7px 0;border-bottom: 1px solid var(--st-border);counter-increment: st-rank}
.st-plist__row:last-child{border-bottom: 0}
.st-plist__row::before{content: counter(st-rank);grid-area: n;display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 50%;background: var(--st-surface-2);color: var(--st-text-muted);font-size: var(--st-fs-caption);font-weight: var(--st-fw-semibold)}
.st-plist__name{grid-area: name;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: var(--st-fw-medium)}
.st-plist__meta{grid-area: meta;font-size: var(--st-fs-caption);color: var(--st-text-muted)}
.st-plist__val{grid-area: val;font-size: var(--st-fs-value);font-weight: var(--st-fw-value);font-variant-numeric: tabular-nums;color: var(--st-text-accent);white-space: nowrap}
.st-plist__bar{grid-area: bar;display: block;height: 4px;margin-top: 4px;border-radius: 2px;background: var(--st-surface-2);overflow: hidden}
.st-plist__bar > span{display: block;height: 100%;border-radius: 2px;background: var(--st-primary)}
.st-plist__row--skel{grid-template-columns: 1fr;grid-template-areas: "s";min-height: 38px}
.st-plist__row--skel .st-kpi__skel{width: 100%}
.st-plist__empty{margin: 0;padding: 14px;color: var(--st-text-muted)}
.st-panel--detail{max-width: none;height: 100%;min-height: 0;padding: 0;gap: 0}
.st-panel--detail > .st-listpage{flex: 1 1 auto;min-height: 0}
.st-panel--detail > .st-panel__none{margin: var(--st-gutter)}
@media (max-width: 900px) and (pointer: coarse){.st-panel{padding: 10px;gap: 10px}
.st-panel__cards{--st-flow-gap: 8px}
.st-panel__cards > *{flex: 0 0 calc((100% - var(--st-flow-gap)) / 2)}
.st-pgroup__grid > *{flex: 0 0 100%}
.st-kpi{min-height: 104px;padding: 10px 12px 8px}
.st-kpi__value{font-size: var(--st-fs-amount)}
.st-kpi__go{display: none}
.st-panel__range > .st-select{flex: 1 1 auto}
.st-plist__open{min-height: 52px}
.st-plist__menu{right: 0;min-width: min(260px,calc(100vw - 32px))}
.st-mnav__bar .st-mnav__title{flex: 1 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.st-mnav__homebtn{display: inline-flex;align-items: center;gap: 6px;height: var(--st-tap);padding: 0 12px 0 10px;border: 0;border-radius: 999px;background: var(--st-mnav-pick-bg);color: var(--st-mnav-pick-text);font-size: var(--st-fs-button);font-weight: var(--st-fw-button);cursor: pointer;-webkit-tap-highlight-color: transparent}
.st-mnav__homebtn:disabled{opacity: .55;cursor: default}
.st-mnav__homebtn:focus-visible{outline: none;box-shadow: 0 0 0 3px var(--st-mnav-accent)}
}