[theme~="dark"]{--lumo-base-color: #344453}html{background-color: #f9fafb;--vaadin-app-layout-drawer-width: 300px}.app-title{align-items: center;gap: var(--lumo-space-s)}.app-logo{height: var(--lumo-size-s);width: auto}.app-subtitle{font-size: var(--lumo-font-size-s);padding-left: var(--lumo-space-s)}vaadin-side-nav-item::part(link){font-size: var(--lumo-font-size-s)}.nav-count-badge{display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;min-width: 1.25rem;height: 1.25rem;padding: 0 var(--lumo-space-xs);border-radius: 0.75rem;margin-inline-end: var(--lumo-space-s);background-color: #f97316;color: white;font-size: var(--lumo-font-size-xs);font-weight: 600}.masterdetail-view .header-component{padding: 0 0 16px 0}.masterdetail-view .master-layout{padding: 16px}.masterdetail-view vaadin-grid{border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-l);overflow: hidden}.card-panel{border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-l);padding: var(--lumo-space-m);background-color: white;box-sizing: border-box}vaadin-tabsheet::part(content){padding: 0}vaadin-grid{--vaadin-grid-row-hover-background-color: var(--lumo-contrast-5pct);--vaadin-grid-row-selected-background-color: var(--lumo-primary-color-10pct)}vaadin-grid::part(selected-row-cell first-column-cell){box-shadow: inset 3px 0 0 0 var(--lumo-primary-color)}vaadin-checkbox-group.checkbox-group-invalid vaadin-checkbox::part(checkbox){background-color: var(--lumo-error-color-10pct)}@media (max-width: 600px){.masterdetail-view .header-component{padding: 0 6px 0 6px;gap: 0}.masterdetail-view .master-layout{padding: 0}.masterdetail-view vaadin-grid{border: 0}.responsive-grid.no-mobile-cell-border vaadin-grid-cell-content{padding: 0}.responsive-grid.no-mobile-cell-border .mobile-cell{border-radius: var(--lumo-border-radius-m);border: 0;padding: var(--lumo-space-xs)}vaadin-grid.responsive-grid:not(.no-mobile-cell-border)::part(cell){border-top: 0}.view{padding: var(--lumo-space-xs);gap: 0}.qr-code-layout{flex-direction: column !important}.card-panel{padding: var(--lumo-space-s)}}