.app-bar{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);flex-direction:column;position:relative;z-index:1;width:100%;margin-bottom:var(--lumo-space-s);padding-left:var(--lumo-space-s);padding-right:var(--lumo-space-s)}.app-bar__container{padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);transition:padding var(--transition-duration-m)}.app-bar__navi-icon,.app-bar__context-icon{margin-bottom:calc((var(--app-bar-height) - var(--lumo-icon-size-m)) / 2);margin-right:var(--lumo-space-l);margin-top:calc((var(--app-bar-height) - var(--lumo-icon-size-m)) / 2)}.app-bar__title{flex-grow:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-bar__title:not(:empty){margin-bottom:calc((var(--app-bar-height) - (var(--lumo-font-size-l) * var(--lumo-line-height-xs))) / 2);margin-top:calc((var(--app-bar-height) - (var(--lumo-font-size-l) * var(--lumo-line-height-xs))) / 2)}.app-bar__avatar{border-radius:100%;flex-shrink:0;height:var(--lumo-size-s);margin-left:var(--lumo-space-m);width:var(--lumo-size-s)}@media (min-width: 1024px){.app-bar__navi-icon{display:none}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.app-bar{color:#f5f9ff;background-color:#233348;box-shadow:0 2px 4px -1px #090a0b3b,0 3px 12px -1px #0d0f1152}.app-bar__title{color:#f5f9ff}}.brand-expression{align-items:center;box-shadow:inset 0 -1px var(--lumo-contrast-10pct);box-sizing:border-box;display:flex;height:calc(var(--app-bar-height) + var(--lumo-size-l));justify-content:center;padding:var(--lumo-space-m)}.brand-expression__logo{max-height:100%;max-width:100%}.brand-expression__title{margin-left:var(--lumo-space-s)}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.navi-drawer[rail]:not([open]):not(:hover) .brand-expression__logo{width:100%}}.highcharts-axis-title{fill:var(--lumo-secondary-text-color)}.highcharts-axis-labels{fill:var(--lumo-tertiary-text-color)}.highcharts-axis-line,.highcharts-tick{stroke:var(--lumo-contrast-30pct)}.highcharts-area{fill-opacity:.5}:host(.pending) .highcharts-color-0,:host(.outstanding) .highcharts-color-0{fill:#ffc27a}:host(.confirmed) .highcharts-color-0,:host(.paid) .highcharts-color-0{fill:var(--lumo-success-text-color)}:host(.submitted) .highcharts-color-0,:host(.open) .highcharts-color-0{fill:var(--lumo-primary-text-color)}:host(.failed) .highcharts-color-0,:host(.overdue) .highcharts-color-0{fill:var(--lumo-error-text-color)}.highcharts-background{fill:transparent}.highcharts-container{font-family:inherit}.highcharts-data-label{font-size:inherit;font-weight:inherit}.highcharts-yaxis-grid{display:none}.details-drawer{background:var(--lumo-base-color);flex-direction:column;height:100%;max-height:100%;max-width:100%;overflow:hidden;z-index:0}.details-drawer[open]{box-shadow:var(--lumo-box-shadow-m)}.details-drawer__header{flex-shrink:0}.details-drawer__header vaadin-tabs{box-shadow:none}.details-drawer__content{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.details-drawer__footer{flex-shrink:0}@media (max-width: 719px){.details-drawer{left:0;margin:0;min-width:100%;position:fixed;top:0;z-index:3}.details-drawer:not([open])[position=right]{transform:translate(100%)}.details-drawer:not([open])[position=bottom]{transform:translateY(100%)}}@media (min-width: 720px){.details-drawer[position=bottom]{height:400px}.details-drawer:not([open])[position=bottom]{margin-bottom:-400px}.details-drawer[position=right]{width:var(--details-drawer-width)}.details-drawer:not([open])[position=right]{margin-right:calc(var(--details-drawer-width) * -1)}}@media (max-width: 479px){:host([theme~="mobile"]) #header{display:none}:host([theme~="mobile"]:not([theme~="no-border"])){border:none}}.list-item{box-sizing:border-box;line-height:var(--lumo-line-height-m);overflow:hidden;position:relative}.list-item__prefix{display:flex;flex-shrink:0}.list-item__prefix img{max-height:var(--lumo-icon-size-m);max-width:var(--lumo-icon-size-m)}.list-item__content{flex:1;overflow:hidden}.list-item__content label{overflow:hidden;text-overflow:ellipsis}.list-item__suffix{display:flex;flex-shrink:0}.list-item[with-divider]:after{background-color:var(--lumo-contrast-10pct);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.list-item[with-prefix][with-divider]:after{left:calc((var(--lumo-icon-size-m) + var(--lumo-space-l)) + var(--lumo-space-l))}vaadin-grid .list-item label{pointer-events:none}@media (max-width: 1023px){.list-item[with-prefix][with-divider]:after{left:calc((var(--lumo-icon-size-m) + var(--lumo-space-l)) + var(--lumo-space-m))}}.navi-drawer{z-index:2;height:100%}.navi-drawer[open]+*{pointer-events:none}.navi-drawer__scrim{animation:var(--transition-duration-m) lumo-overlay-backdrop-enter both;background-color:var(--lumo-shade-20pct);bottom:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;will-change:opacity}.navi-drawer__content{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);box-sizing:border-box;display:flex;flex-direction:column;height:100%;position:relative;transition:margin var(--transition-duration-m);width:var(--navi-drawer-width);z-index:2}.navi-drawer vaadin-text-field{box-shadow:inset 0 -1px var(--lumo-contrast-10pct);box-sizing:border-box;padding:var(--lumo-space-m);width:100%}.navi-drawer__scroll-area{box-shadow:inset 0 -1px var(--lumo-contrast-10pct);flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.navi-drawer__footer{border-radius:0;margin-bottom:0;margin-top:auto;min-width:0}.navi-drawer[rail]:not([open]) .navi-drawer__content{left:0;overflow:hidden;position:absolute;top:0;transition:width var(--transition-duration-s);width:var(--navi-drawer-rail-width)}.navi-drawer[rail]:not([open]):hover .navi-drawer__content{width:var(--navi-drawer-width)}.navi-drawer[rail]:not([open])+.root__column{padding-left:var(--navi-drawer-rail-width)}@media (max-width: 1023px){.navi-drawer[open] .navi-drawer__scrim{opacity:1;pointer-events:all}.navi-drawer[rail]:not([open])+.root__column{padding-left:0}.navi-drawer__content{bottom:0;position:absolute;top:0}.navi-drawer:not([open]) .navi-drawer__content{margin-left:calc(var(--navi-drawer-width) * -1.2)}.navi-drawer__footer{display:none}}@media (min-width: 1024px){.navi-drawer[rail]:not([open]):not(:hover) .account-switcher__avatar,.navi-drawer[rail]:not([open]):not(:hover) .navi-item__link iron-icon{margin-left:auto;margin-right:auto}.navi-drawer[rail]:not([open]):not(:hover) .account-switcher__title,.navi-drawer[rail]:not([open]):not(:hover) .account-switcher__email,.navi-drawer[rail]:not([open]):not(:hover) .brand-expression__title,.navi-drawer[rail]:not([open]):not(:hover) .navi-item[level],.navi-drawer[rail]:not([open]):not(:hover) .navi-item__link span,.navi-drawer[rail]:not([open]):not(:hover) .navi-item vaadin-button{display:none}.navi-drawer[rail]:not([open]):not(:hover) .navi-drawer__footer iron-icon{margin-left:.25em;margin-right:-.25em;width:var(--navi-drawer-rail-width)}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.navi-drawer__scrim,.navi-drawer__content{z-index:2}.brand-expression .h3{font-size:1.375rem}}@media all and (max-width: 1023px) and (-ms-high-contrast: none),(-ms-high-contrast: active){.navi-drawer:not([open]) .navi-drawer__content{margin-left:-18.9rem}}.navi-item{align-items:center;display:flex;font-size:var(--lumo-font-size-s);font-weight:600;height:var(--lumo-size-l);transition:background-color var(--transition-duration-s)}.navi-item[level]{font-size:var(--lumo-font-size-xs);font-weight:400;height:var(--lumo-size-m)}.navi-item[level="1"] span{font-weight:500;margin-left:var(--navi-item-indentation)}.navi-item[level="2"] span{font-weight:400;margin-left:calc(var(--navi-item-indentation) + var(--lumo-space-m))}.navi-item[level="3"] span{font-weight:300;margin-left:calc(var(--navi-item-indentation) + calc(var(--lumo-space-m) * 2))}.navi-item:hover{background-color:var(--lumo-contrast-10pct)}.navi-item__link:hover{text-decoration:none}.navi-item:active{background-color:var(--lumo-contrast-20pct)}.navi-item__link{align-items:center;display:flex;flex-grow:1;height:100%;overflow:hidden;padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.navi-item__link[highlight]{background-color:var(--lumo-primary-color-10pct)}.navi-item__link:not([highlight]){color:var(--lumo-body-text-color)}.navi-item__link:not([highlight]) iron-icon{color:var(--lumo-tertiary-text-color)}.navi-item__link iron-icon{height:var(--lumo-icon-size-s);flex-shrink:0;margin:0 var(--lumo-space-l) 0 0;transition:margin var(--transition-duration-s);width:var(--lumo-icon-size-s)}.navi-item__link span{cursor:inherit;overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none;white-space:nowrap}.navi-item vaadin-button{flex-shrink:0;margin-left:auto;margin-right:var(--lumo-space-s)}.navi-menu{margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-s)}.view-frame{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;margin-right:10px}.view-frame__header{z-index:2}.view-frame__wrapper{display:flex;flex:1;overflow:hidden}.view-frame__content{flex:1;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}.view-frame__footer{z-index:2}:host(.hidden-form-item) ::slotted(vaadin-form-item){visibility:hidden}.visible-form-item{visibility:visible}.selected{background-color:light-blue}:root{--app-bar-height: var(--lumo-size-l);--navi-drawer-width: calc(var(--lumo-size-m) * 7);--navi-item-indentation: calc(var(--lumo-icon-size-s) + var(--lumo-space-l));--details-drawer-width: calc(var(--lumo-size-m) * 11);--transition-duration-s: .16s;--transition-duration-m: .24s;--transition-duration-l: .32s}html,body{height:100%;width:100%}.root{background-color:var(--lumo-contrast-5pct)}.root__view-container{margin:var(--lumo-space-s);height:100%;overflow:hidden!important}.app-header-outer,.app-footer-outer{z-index:3}vaadin-grid-cell-content{text-overflow:ellipsis}vaadin-text-field{align-self:auto}