.usage-tracker{display:flex;flex-direction:column;gap:16px}.usage-tracker__header,.usage-tracker__filters,.usage-tracker__stats,.usage-tracker__grid,.usage-tracker__tables,.usage-tracker__json{border:1px solid var(--panel-border-color, #d8dde6);border-radius:8px;background:var(--panel-bg, #fff)}.usage-tracker__header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px}.usage-tracker__header h3,.usage-tracker h4{margin:0}.usage-tracker__muted,.usage-tracker__empty{color:#6f7d95}.usage-tracker__actions{display:flex;gap:8px;align-items:center;white-space:nowrap}.usage-tracker__refresh-status{color:#6f7d95;font-size:12px}.usage-tracker__filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;padding:12px 16px}.usage-tracker__filters label{display:flex;flex-direction:column;gap:4px;margin:0}.usage-tracker__stats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr))}.usage-tracker__stats div{padding:14px 16px;border-right:1px solid var(--panel-border-color, #d8dde6)}.usage-tracker__stats div:last-child{border-right:0}.usage-tracker__stats strong{display:block;font-size:24px}.usage-tracker__stats span{color:#6f7d95}.usage-tracker__grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:0}.usage-tracker__grid section,.usage-tracker__tables section,.usage-tracker__json{padding:16px}.usage-tracker__grid section:nth-child(3){grid-column:1 / -1;border-top:1px solid var(--panel-border-color, #d8dde6)}.usage-tracker__grid section:first-child,.usage-tracker__tables section:nth-child(odd){border-right:1px solid var(--panel-border-color, #d8dde6)}.usage-tracker__chart{display:block;width:100%;max-width:100%;overflow:visible}.usage-tracker__chart--pie{height:260px}.usage-tracker__chart--timeline{height:320px;cursor:crosshair}.usage-tracker__slice{cursor:pointer;transition:opacity .12s ease}.usage-tracker__line{stroke-width:2;vector-effect:non-scaling-stroke;transition:opacity .12s ease,stroke-width .12s ease;pointer-events:stroke}.usage-tracker__line-hit{stroke:transparent;stroke-width:18;vector-effect:non-scaling-stroke;pointer-events:stroke}.usage-tracker__axis{fill:none;stroke:#d8dde6;stroke-width:1;vector-effect:non-scaling-stroke}.usage-tracker__cursor{stroke:#6f7d95;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.usage-tracker svg.is-hovering .usage-tracker__slice,.usage-tracker svg.is-hovering .usage-tracker__line{opacity:.22}.usage-tracker svg.is-hovering .usage-tracker__slice.is-hovered,.usage-tracker svg.is-hovering .usage-tracker__line.is-hovered{opacity:1}.usage-tracker svg.is-hovering .usage-tracker__line.is-hovered{stroke-width:3}.usage-tracker__svg-label{fill:#263238;font-size:12px}.usage-tracker__tables{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr))}.usage-tracker__tables section:nth-child(n+3){border-top:1px solid var(--panel-border-color, #d8dde6)}.usage-tracker__table-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.usage-tracker__table-header select{width:132px}.usage-tracker__table-scroll{max-height:360px;overflow:auto}.usage-tracker__table-scroll table{margin-bottom:0}.usage-tracker__table-scroll thead th{position:sticky;top:0;z-index:1;background:var(--panel-bg, #fff)}.usage-tracker__json-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.usage-tracker__chart-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.usage-tracker__chart-actions{display:flex;gap:6px}.usage-tracker__series{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:8px}.usage-tracker__series label{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:400}.usage-tracker__series-color{display:inline-block;width:18px;height:3px;border-radius:2px}.usage-tracker__tooltip{position:fixed;z-index:2000;min-width:130px;padding:8px 10px;border:1px solid #d8dde6;border-radius:6px;background:#fff;box-shadow:0 8px 24px #1f2d3d2e;pointer-events:none;color:#263238;font-size:12px}.usage-tracker__tooltip strong{display:block;margin-bottom:2px}.usage-tracker__json pre{max-height:420px;overflow:auto;margin:0;padding:12px;border-radius:6px;background:#f6f8fb}@media (max-width: 900px){.usage-tracker__filters,.usage-tracker__grid,.usage-tracker__tables{grid-template-columns:1fr}.usage-tracker__grid section,.usage-tracker__tables section{border-right:0!important;border-top:1px solid var(--panel-border-color, #d8dde6)}}
/*# sourceMappingURL=main.css.map */