.app-name{font-weight: var(--aura-font-weight-semibold);font-size: var(--aura-font-size-l)}.app-footer{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.app-footer-notice{text-align: center;padding-inline: var(--vaadin-padding-m)}.top-view{padding: var(--vaadin-padding-l)}.top-view-cards{gap: var(--vaadin-gap-l)}.top-view-story{padding: var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-l);margin-block-end: var(--vaadin-gap-l)}.top-view-story-steps li{margin-block-end: var(--vaadin-gap-xs)}.top-view-story-step-title{font-weight: var(--aura-font-weight-semibold)}.feature-card{width: 20rem}.pro-component-info-panel{padding: var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-l);margin-block-end: var(--vaadin-gap-l)}.kpi-row{gap: var(--vaadin-gap-l);margin-block-end: var(--vaadin-gap-l)}.kpi-card{min-width: 15rem;flex: 1}.kpi-icon{display: flex;align-items: center;justify-content: center;width: 2.75rem;height: 2.75rem;border-radius: var(--vaadin-radius-l)}.kpi-icon vaadin-icon{width: 1.25rem;height: 1.25rem}.kpi-icon-blue{background: color-mix(in srgb,var(--aura-blue) 18%,transparent);color: var(--aura-blue-text)}.kpi-icon-green{background: color-mix(in srgb,var(--aura-green) 18%,transparent);color: var(--aura-green-text)}.kpi-value{font-size: var(--aura-font-size-xl);font-weight: var(--aura-font-weight-semibold)}.kpi-label{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.kpi-comparison{gap: var(--vaadin-gap-m);margin-block-start: var(--vaadin-gap-s)}.kpi-metric{display: flex;flex-direction: column}.kpi-comparison-divider{color: var(--vaadin-text-color-secondary);flex-shrink: 0}vaadin-side-nav:has(vaadin-side-nav-item:only-child)::after{display: block;content: "More menu items will appear here when you add more views.";font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);box-sizing: border-box;padding: 1em;max-width: 14em;min-width: 100%;white-space: normal}