html{--lumo-primary-color: hsl(26,90%,50%);--lumo-primary-color-50pct: hsla(26,90%,50%,0.5);--lumo-primary-color-10pct: hsla(26,90%,50%,0.12);--lumo-primary-text-color: hsl(24,88%,40%);--lumo-primary-contrast-color: #ffffff;--lumo-error-color: hsl(5,75%,52%);--lumo-success-color: hsl(145,60%,38%);--lumo-shade: hsl(26,22%,18%);--lumo-header-text-color: hsl(24,55%,22%);--lumo-body-text-color: hsl(26,18%,20%);--lumo-border-radius-s: 6px;--lumo-border-radius-m: 10px;--lumo-border-radius-l: 16px;--lumo-box-shadow-s: 0 2px 6px hsla(26,50%,30%,0.10);--lumo-box-shadow-m: 0 4px 16px hsla(26,50%,30%,0.12)}body,vaadin-app-layout{background: linear-gradient(160deg,hsl(34,100%,96%) 0%,hsl(28,100%,92%) 55%,hsl(24,90%,88%) 100%);background-attachment: fixed}vaadin-app-layout::part(navbar){background: transparent;border-bottom: none}vaadin-app-layout::part(drawer){background: #fffaf3;border-inline-end: 1px solid hsl(28,55%,88%);box-shadow: 2px 0 14px hsla(26,50%,35%,0.06)}vaadin-side-nav-item[active]::part(item){background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color);font-weight: 600}vaadin-grid{background: var(--lumo-base-color);border-radius: var(--lumo-border-radius-l);box-shadow: var(--lumo-box-shadow-s);overflow: hidden;margin: var(--lumo-space-m)}vaadin-grid::part(header-cell){background: hsl(30,100%,97%);color: var(--lumo-header-text-color);font-weight: 600}vaadin-grid::part(oh-rechnung){background-color: hsl(145,55%,94%)}vaadin-grid::part(oh-zahlung){background-color: hsl(210,90%,95%)}vaadin-grid::part(oh-gebuehr){background-color: hsl(40,95%,92%)}vaadin-grid::part(oh-bank){background-color: hsl(26,20%,93%)}vaadin-grid::part(bank-offen){background-color: hsl(40,95%,93%)}vaadin-grid::part(bank-erledigt){background-color: hsl(145,45%,94%)}vaadin-button[theme~="primary"]{box-shadow: 0 2px 8px hsla(26,90%,45%,0.30)}vaadin-app-layout h1,vaadin-app-layout h2{color: var(--lumo-header-text-color);letter-spacing: 0.2px}vaadin-dialog-overlay::part(overlay){border-radius: var(--lumo-border-radius-l);box-shadow: var(--lumo-box-shadow-m)}*{scrollbar-width: thin;scrollbar-color: hsl(28,60%,80%) transparent}