.client-view{display: flex;flex-direction: column;height: 100%}.client-view vaadin-split-layout{width: 100%;height: 100%}.client-view vaadin-grid{height: 100%}.client-view .editor-layout{display: flex;flex-direction: column;width: 400px}.client-view .editor{flex-grow: 1;padding: var(--lumo-space-l)}.client-view .editor vaadin-checkbox{padding-top: var(--lumo-space-m)}.client-view .button-layout{width: 100%;flex-wrap: wrap;background-color: var(--lumo-contrast-5pct);padding-bottom: var(--lumo-space-s);padding-top: var(--lumo-space-s);padding-left: var(--lumo-space-l);padding-right: var(--lumo-space-l);gap: var(--lumo-space-m)}.client-view .grid-wrapper{width: 100%}.account-view{display: flex;flex-direction: column;height: 100%}.account-view vaadin-split-layout{width: 100%;height: 100%}.account-view vaadin-grid{height: 100%}.account-view .editor-layout{display: flex;flex-direction: column;width: 400px}.account-view .editor{flex-grow: 1;padding: var(--lumo-space-l)}.account-view .editor vaadin-checkbox{padding-top: var(--lumo-space-m)}.account-view .button-layout{width: 100%;flex-wrap: wrap;background-color: var(--lumo-contrast-5pct);padding-bottom: var(--lumo-space-s);padding-top: var(--lumo-space-s);padding-left: var(--lumo-space-l);padding-right: var(--lumo-space-l);gap: var(--lumo-space-m)}.account-view .grid-wrapper{width: 100%}.payments-view .filter-layout{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));align-items: end;gap: 0 var(--lumo-space-l)}.payments-view .filter-layout .double-width{grid-column-end: span 2}.payments-view .filter-layout .actions{display: flex;justify-content: flex-end;align-items: flex-end;grid-column-end: -1}.payments-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width: 100%}.payments-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.payments-view .mobile-filters{display: none;position: relative}.payments-view .mobile-filters span{font-size: var(--lumo-font-size-m);font-weight: 500}@media screen and (max-width: 800px){.payments-view .filter-layout{display: none;gap: var(--lumo-space-m);padding-left: var(--lumo-space-m);padding-right: var(--lumo-space-m)}.payments-view .filter-layout.visible{display: grid;padding-top: 0;grid-template-columns: 1fr 1fr}.payments-view .filter-layout>*{grid-column-end: span 2}.payments-view .mobile-filters{display: flex;cursor: pointer;color: var(--lumo-secondary-text-color)}.payments-view .mobile-filters:hover::before{content: '';left: 0;right: 0;top: 0;bottom: 0;position: absolute;opacity: 0.02;background-color: currentcolor}.payments-view .mobile-filters:hover{color: var(--lumo-body-text-color)}}.user-view{display: flex;flex-direction: column;height: 100%}.user-view vaadin-split-layout{width: 100%;height: 100%}.user-view vaadin-grid{height: 100%}.user-view .editor-layout{display: flex;flex-direction: column;width: 400px;margin: 1em}.user-view .editor{flex-grow: 1;padding: var(--lumo-space-l)}.user-view .editor vaadin-checkbox{padding-top: var(--lumo-space-m)}.user-view .button-layout{width: 100%;flex-wrap: wrap;background-color: var(--lumo-contrast-5pct);padding-bottom: var(--lumo-space-s);padding-top: var(--lumo-space-s);padding-left: var(--lumo-space-l);padding-right: var(--lumo-space-l);gap: var(--lumo-space-m)}.user-view .grid-wrapper{width: 100%}.master-detail-view{display: flex;flex-direction: column;height: 100%}.master-detail-view vaadin-split-layout{width: 100%;height: 100%}.master-detail-view vaadin-grid{height: 100%}.master-detail-view .editor-layout{display: flex;flex-direction: column;width: 400px}.master-detail-view .editor{flex-grow: 1;padding: var(--lumo-space-l)}.master-detail-view .editor vaadin-checkbox{padding-top: var(--lumo-space-m)}.master-detail-view .button-layout{width: 100%;flex-wrap: wrap;background-color: var(--lumo-contrast-5pct);padding-bottom: var(--lumo-space-s);padding-top: var(--lumo-space-s);padding-left: var(--lumo-space-l);padding-right: var(--lumo-space-l);gap: var(--lumo-space-m)}.master-detail-view .grid-wrapper{width: 100%}.master-detail2-view{display: flex;flex-direction: column;height: 100%}.master-detail2-view vaadin-split-layout{width: 100%;height: 100%}.master-detail2-view vaadin-grid{height: 100%}.master-detail2-view .editor-layout{display: flex;flex-direction: column;width: 400px}.master-detail2-view .editor{flex-grow: 1;padding: var(--lumo-space-l)}.master-detail2-view .editor vaadin-checkbox{padding-top: var(--lumo-space-m)}.master-detail2-view .button-layout{width: 100%;flex-wrap: wrap;background-color: var(--lumo-contrast-5pct);padding-bottom: var(--lumo-space-s);padding-top: var(--lumo-space-s);padding-left: var(--lumo-space-l);padding-right: var(--lumo-space-l);gap: var(--lumo-space-m)}.master-detail2-view .grid-wrapper{width: 100%}.payment-view{display: flex;flex-direction: column;height: 100%}.payment-view vaadin-split-layout{width: 100%;height: 100%}.payment-view vaadin-grid{height: 100%}.payment-view .editor-layout{display: flex;flex-direction: column;width: 400px;overflow: scroll}.payment-view .editor{flex-grow: 1;padding: var(--lumo-space-l)}.payment-view .editor vaadin-checkbox{padding-top: var(--lumo-space-m)}.payment-view .button-layout{width: 100%;flex-wrap: wrap;background-color: var(--lumo-contrast-5pct);padding-bottom: var(--lumo-space-s);padding-top: var(--lumo-space-s);padding-left: var(--lumo-space-l);padding-right: var(--lumo-space-l);gap: var(--lumo-space-m)}.payment-view .grid-wrapper{width: 100%}::part(unpaid){background-color: #ed6969}