.app-logo{width: 1.75rem;height: 1.75rem;box-sizing: border-box}.main-layout-page{padding: 1.4rem}.main-layout-view-toolbar{margin-bottom: 1.5rem;h1{font-size: 1.3rem}vaadin-drawer-toggle{display: none}}@media (max-width: 800px),(max-height: 600px){.main-layout-page{padding: 0.7rem}.main-layout-view-toolbar{vaadin-drawer-toggle{display: flex}}}nav.breadcrumb ol{display: flex;font-size: smaller;list-style-type: none;margin: 0;margin-bottom: 1.7rem;padding: 0}nav.breadcrumb li + li::before{content: ">";display: block;margin: 0 0.5rem}.breakdown-grid{display: grid;grid-template-columns: repeat(5,1fr);gap: var(--vaadin-gap-l);width: 100%;margin-top: var(--vaadin-gap-l)}@media (max-width: 1300px){.breakdown-grid{grid-template-columns: repeat(4,1fr)}}@media (max-width: 1100px){.breakdown-grid{grid-template-columns: repeat(3,1fr)}}@media (max-width: 800px){.breakdown-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 500px){.breakdown-grid{grid-template-columns: 1fr}}.breakdown-panel{display: flex;flex-direction: column;min-width: 0}.breakdown-panel__heading{font-size: var(--aura-font-size-m);font-weight: 600;display: block;margin-bottom: var(--vaadin-gap-s)}.breakdown-panel__empty{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.breakdown-row{position: relative;display: grid;grid-template-columns: 1fr auto;align-items: center;padding: var(--vaadin-padding-s);margin-bottom: 2px;border-radius: var(--vaadin-radius-s);overflow: hidden;border: 1px dotted var(--vaadin-border-color-secondary)}a.breakdown-row{text-decoration: none;color: inherit}.breakdown-row__bar{position: absolute;left: 0;top: 0;height: 100%;background: color-mix(in srgb,var(--aura-accent-color-light) 30%,transparent);z-index: 0}.breakdown-row__label{position: relative;z-index: 1;font-size: var(--aura-font-size-s)}.breakdown-row__figure{position: relative;z-index: 1;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);text-align: right}.help-popover{display: inline-flex;align-items: center}.help-popover__trigger{color: var(--vaadin-text-color-secondary);cursor: pointer;margin: 0;padding: 0}.help-popover__trigger:hover{color: var(--vaadin-text-color)}.help-popover__trigger vaadin-icon{height: var(--aura-font-size-m);width: var(--aura-font-size-m)}.help-popover__content{display: flex;flex-direction: column;font-size: var(--aura-font-size-s);gap: var(--vaadin-gap-s);max-width: 500px;padding: var(--vaadin-padding-m)}.help-popover__title{font-size: var(--aura-font-size-m);font-weight: 600}.help-popover__text{line-height: 1.5}.help-popover__detail{border-top: 1px solid var(--vaadin-border-color);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);line-height: 1.5;padding-top: var(--vaadin-gap-s)}.insights-section-heading{margin-top: var(--vaadin-gap-m);margin-bottom: var(--vaadin-gap-s)}.insights-section-heading__label{font-size: var(--aura-font-size-m);font-weight: 600}.insights-filter-bar{position: sticky;top: 0;z-index: 2;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-m);width: 100%;padding-inline-end: var(--vaadin-padding-m);padding-block: var(--vaadin-padding-s);margin-bottom: var(--vaadin-gap-m);background: oklch(0.95 0.005 248);background-image: linear-gradient(oklab(0.980078 -0.0010287 -0.00254613 / 0.5),oklab(0.980078 -0.0010287 -0.00254613 / 0.5)),radial-gradient(circle at 0% 0%,oklch(0.965 0.005 248),rgba(0,0,0,0) 30%),radial-gradient(circle at 25% 0% in xyz-d65,oklch(0.95 0.005 248) 33%,oklch(0.955 0 251.42));border-bottom: 1px solid var(--vaadin-border-color-secondary)}.insights-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--vaadin-gap-l);margin-top: var(--vaadin-gap-l);width: 100%}@media (max-width: 900px){.insights-grid{grid-template-columns: 1fr}}.insights-widget{display: flex;flex-direction: column;min-width: 0}.insights-widget__header{align-items: center;margin-bottom: var(--vaadin-gap-s)}.insights-widget__heading{font-size: var(--aura-font-size-m);font-weight: 600;margin-bottom: var(--vaadin-gap-s)}.insights-widget__header .insights-widget__heading{margin-bottom: 0}.insights-widget__header--picker{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--vaadin-gap-s)}.insights-widget__hint{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);margin-bottom: var(--vaadin-gap-s)}.insights-widget__empty{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.summary-card{display: flex;flex-direction: column;padding: var(--vaadin-padding-m);flex: 1;max-width: fit-content}.summary-card__title-row{align-items: center;display: flex;gap: var(--vaadin-gap-xs)}.summary-card__title{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.summary-card__value{font-size: 1.5rem;line-height: 1.5rem;font-weight: bold}.summary-card__delta{margin-top: var(--vaadin-gap-xs);font-size: var(--aura-font-size-s);display: inline-flex;align-items: center;gap: 0.25em}.summary-card__delta--up{color: var(--aura-green)}.summary-card__delta--down{color: var(--aura-red)}.summary-card__delta--neutral{color: var(--vaadin-text-color-secondary)}.drilldown-chart__title{font-size: var(--aura-font-size-l);font-weight: 600;text-align: center}.drilldown-chart__hint{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);text-align: center;max-width: 70ch;margin: 0 auto;line-height: 1.4}.trend-badge{display: inline-flex;align-items: center;padding: 0.1em 0.6em;border-radius: 999px;font-size: var(--aura-font-size-s);font-weight: 600;white-space: nowrap;margin-left: var(--vaadin-gap-s)}.trend-badge--trending{color: var(--aura-green);background: color-mix(in srgb,var(--aura-green) 15%,transparent)}.trend-badge--declining{color: var(--aura-red);background: color-mix(in srgb,var(--aura-red) 15%,transparent)}.trend-badge--stable,.trend-badge--inactive{color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--vaadin-text-color-secondary) 12%,transparent)}.drilldown-summary{width: 100%;box-sizing: border-box;margin-bottom: var(--vaadin-gap-l,1.5rem);padding: var(--vaadin-padding-m,1rem);border: 1px solid var(--vaadin-border-color,rgba(0,0,0,0.1));border-radius: var(--vaadin-radius-m,0.5rem);background: var(--vaadin-background-container,transparent)}.drilldown-summary__heading{display: block;margin-bottom: var(--vaadin-gap-s,0.5rem);font-weight: 600;color: var(--vaadin-text-color,inherit)}.drilldown-summary__list{margin: 0;padding: 0;list-style: none}.drilldown-summary__item{position: relative;padding-left: 1.25rem;line-height: 1.5;color: var(--vaadin-text-color,inherit)}.drilldown-summary__item + .drilldown-summary__item{margin-top: var(--vaadin-gap-xs,0.25rem)}.drilldown-summary__item::before{content: "";position: absolute;left: 0.25rem;top: 0.6em;width: 0.4rem;height: 0.4rem;border-radius: 50%;background: var(--vaadin-text-color-secondary,currentColor)}.drilldown-summary__item--positive::before{background: var(--aura-green,currentColor)}.drilldown-summary__item--negative::before{background: var(--aura-red,currentColor)}.drilldown-summary__empty{display: block;font-size: var(--aura-font-size-s,0.875rem);color: var(--vaadin-text-color-secondary,inherit)}@media (max-width: 600px){.drilldown-summary{padding: var(--vaadin-padding-s,0.75rem)}}.usage-bar-cell{position: relative;display: flex;align-items: center;width: 100%;height: 100%;box-sizing: border-box;padding: 0.3rem}.usage-bar-cell__bar{position: absolute;left: 0;top: 0;height: 100%;border-radius: var(--vaadin-radius-s);z-index: 0}.usage-bar-cell__bar--events{background: color-mix(in srgb,var(--aura-accent-color-light) 30%,transparent)}.usage-bar-cell__bar--users{background: color-mix(in srgb,var(--aura-green) 22%,transparent)}.usage-bar-cell__bar--features{background: color-mix(in srgb,#d97706 22%,transparent)}.usage-bar-cell__value{position: relative;z-index: 1}.usage-name-cell{display: flex;flex-direction: column;justify-content: center;width: 100%}.usage-name-cell__primary{font-weight: 600}.usage-name-cell__secondary{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.usage-list-search-field{width: 15rem;flex-shrink: 1;min-width: 5rem}@media (max-width: 800px){.usage-list-search-field{min-width: 0}}vaadin-menu-bar-item.user-menu-icon-item::part(checkmark){display: none}vaadin-menu-bar-item::part(content){gap: 0.1rem}vaadin-grid.pointer-cursor-on-rows::part(body-row){cursor: pointer}