.analytics-panel{--analytics-panel-accent: var(--color-secondary);--analytics-panel-accent-soft: color-mix(in oklab, var(--analytics-panel-accent) 14%, white);gap:1rem}.analytics-panel--tone-default{--analytics-panel-accent: var(--color-secondary)}.analytics-panel--tone-pro{--analytics-panel-accent: var(--color-pro-accent)}.analytics-panel--tone-business{--analytics-panel-accent: var(--color-business-accent)}.analytics-panel__header,.analytics-panel__summary{display:flex;justify-content:space-between;gap:var(--spacing-md);align-items:end}.analytics-panel__label,.analytics-panel__range{margin:0;font-size:var(--font-size-sm);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.analytics-panel__label{color:var(--color-text-subtle)}.analytics-panel__range{color:var(--analytics-panel-accent)}.analytics-panel__metric-title,.analytics-panel__metric-total,.analytics-panel__summary-copy{margin:0}.analytics-panel__metric-title{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-muted)}.analytics-panel__metric-total{margin-top:.25rem;font-family:var(--theme-font-display);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;line-height:var(--line-height-tight);color:var(--color-text)}.analytics-panel__summary-copy{max-width:14rem;text-align:right;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.analytics-panel__controls{display:flex;flex-wrap:wrap;gap:.65rem}.analytics-panel__metric-button{min-height:2.4rem;padding:.55rem 1rem;border:1px solid color-mix(in oklab,var(--color-border) 85%,white);border-radius:var(--radius-pill);background:color-mix(in oklab,var(--surface-panel-muted) 92%,white);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:700;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.analytics-panel__metric-button:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--analytics-panel-accent) 28%,var(--color-border));color:var(--color-text)}.analytics-panel__metric-button--active{border-color:color-mix(in oklab,var(--analytics-panel-accent) 36%,white);background:linear-gradient(180deg,color-mix(in oklab,var(--analytics-panel-accent) 16%,white),color-mix(in oklab,var(--analytics-panel-accent) 10%,white));color:color-mix(in oklab,var(--analytics-panel-accent) 72%,black);box-shadow:0 12px 24px color-mix(in oklab,var(--analytics-panel-accent) 14%,transparent)}.analytics-panel__plot-scroll{overflow-x:auto}.analytics-panel__plot{min-width:720px;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.55rem;align-items:end;min-height:15.5rem}.analytics-panel__column{display:grid;gap:.6rem;align-items:end}.analytics-panel__bar-rail{height:12rem;display:flex;align-items:end;justify-content:center;padding:.5rem .25rem;border-radius:var(--radius-lg);background:linear-gradient(180deg,transparent 0%,transparent 24%,rgba(255,255,255,.5) 24%),linear-gradient(180deg,transparent 0%,transparent 49%,rgba(255,255,255,.5) 49%),linear-gradient(180deg,transparent 0%,transparent 74%,rgba(255,255,255,.5) 74%),color-mix(in oklab,var(--surface-panel-muted) 92%,white);border:1px solid color-mix(in oklab,var(--color-border) 72%,white)}.analytics-panel__bar{width:100%;border-radius:calc(var(--radius-lg) - .35rem) calc(var(--radius-lg) - .35rem) 0 0;background:linear-gradient(180deg,color-mix(in oklab,var(--analytics-panel-accent) 66%,white),var(--analytics-panel-accent));box-shadow:0 14px 24px color-mix(in oklab,var(--analytics-panel-accent) 18%,transparent)}.analytics-panel__tick{min-height:1.25rem;color:var(--color-text-subtle);font-size:.7rem;font-weight:700;letter-spacing:.03em;text-align:center}.analytics-panel__empty{min-height:15.5rem;display:grid;place-items:center;border:1px dashed color-mix(in oklab,var(--analytics-panel-accent) 28%,var(--color-border));border-radius:var(--radius-xl);background:color-mix(in oklab,var(--analytics-panel-accent) 5%,white);color:var(--color-text-muted);font-weight:600;text-align:center;padding:var(--spacing-lg)}@media(max-width:720px){.analytics-panel__header,.analytics-panel__summary{flex-direction:column;align-items:start}.analytics-panel__summary-copy{max-width:none;text-align:left}}