vaadin-vertical-layout.login-view-vertical-layout-1{border-style:solid;border-width:3px}.account-switcher__avatar{border-radius:100%;display:flex;height:var(--lumo-size-l);margin-bottom:var(--lumo-space-l);margin-left:var(--lumo-space-m);margin-top:var(--lumo-space-m);width:var(--lumo-size-l)}.account-switcher__title{margin:0;padding-bottom:var(--lumo-space-m);padding-top:var(--lumo-space-m)}.account-switcher__email{align-items:center;box-shadow:inset 0 -1px var(--lumo-contrast-10pct);display:flex;font-size:var(--lumo-font-size-s);justify-content:space-between;padding-bottom:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-s)}.account-switcher__email vaadin-button{margin-bottom:0;margin-top:0}.app-bar{box-shadow:0 4px 10px #0032824d;border-radius:0;flex-direction:column;position:relative;z-index:1;padding:12px 20px;transition:background .3s ease-in-out,box-shadow .3s ease-in-out}.app-bar.fixed{position:fixed;top:0;width:100%;z-index:1}.app-bar:hover{box-shadow:0 3px 8px #00328266}vaadin-context-menu-overlay::part(overlay){text-align:center;border-radius:10px;background:var(--lumo-base-color);box-shadow:0 4px 10px var(--lumo-contrast-20pct)}.app-bar__notification-menu-item{border:1px solid transparent;transition:background-color .3s,border .3s;padding:.3rem .8rem;border-radius:8px;width:25rem}.app-bar__notification-menu-item:hover{background:#0050b41a}.app-bar__container{padding:2px 4px}.app-bar__navi-icon,.app-bar__context-icon{margin:auto 12px;color:var(--vaadin-button-tertiary-text-color)}.app-bar__title{flex-grow:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem;font-weight:700}.app-bar__search{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.app-bar__action-items>*:not(:last-child){margin-right:10px}.app-bar vaadin-text-field{padding:5px 10px;border-radius:8px;background:var(--lumo-contrast-5pct);color:var(--vaadin-button-tertiary-text-color)}.app-bar__avatar{border-radius:50%;flex-shrink:0;height:42px;width:42px}.app-bar__tabs{box-shadow:none}.app-bar__tab vaadin-button{margin-bottom:0;margin-left:12px}@media (max-width: 768px){.app-bar__search{opacity:0;transform:scale(.9);pointer-events:none}}@media (min-width: 1024px){.app-bar__navi-icon{display:none}}@media (min-width: 480px){.app-bar__mobile-tools{display:none!important}}@media (max-width: 479px){.app-bar__no-mobile-tools{display:none!important}}@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}}.app-bar__title-button>*,.app-bar__download,.app-bar__navi-icon,.app-bar__tab,.app-bar__action-items>*{color:#90bdf9}.app-bar__title,.app-bar__tabs [selected]{color:#fff}.app-bar{background:linear-gradient(135deg,#0050b4f2,#003282f2)}@media (min-width: 768px){.batch-grid{height:calc(100vh - 200px)}}@media (max-width: 767px){.batch-grid{height:9rem}}.page-number-span-current,.page-number-span{text-align:center;margin:0 4px;padding:2px 8px;position:relative;min-width:15px;box-shadow:0 2px 2px 0 var(--lumo-contrast-30pct),0 1px 5px 0 var(--lumo-contrast-10pct),0 3px 1px -2px var(--lumo-contrast-5pct);cursor:pointer;border-radius:16px}.page-number-span:hover{transform:scale(1.1)}.page-number-span-current{font-weight:700;cursor:default;border:none;box-shadow:none}.label_grid{font-weight:700;font-size:14px;padding-left:1rem;display:flex;align-items:center;white-space:nowrap}@media (min-width: 768px){.pagination-container{gap:var(--lumo-space-r-l);flex-wrap:wrap}}@media (max-width: 767px){.pagination-container{justify-content:center!important;gap:var(--lumo-space-r-l);flex-wrap:wrap;max-inline-size:none}}.brand-expression{align-items:center;box-shadow:inset 0 -1px var(--lumo-contrast-10pct);box-sizing:border-box;display:flex;justify-content:center;padding:var(--lumo-space-m);width:100%}.brand-expression__logo,.brand-expression__logo img{max-height:3rem!important;max-width:100%!important}.brand-expression__title{margin-left:var(--lumo-space-s)}.navi-drawer[rail]:not([open]):not(:hover) .brand-expression{padding:.5rem}@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}.root__details{z-index:2;position:absolute;right:0;box-sizing:border-box;height:100%}.details-drawer{background:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);flex-direction:column;height:100%;max-height:100%;max-width:100%;overflow:hidden;z-index:0;transition:width .2s ease;position:relative}.details-drawer .details-drawer__resizer{width:5px;cursor:ew-resize;position:absolute;top:0;left:0;bottom:0;background-color:var(--lumo-contrast-5pct);transition:.1s background-color}.details-drawer__resizer .details-drawer__resizer-handle{display:flex;align-items:center;justify-content:center;width:var(--lumo-size-m);height:var(--lumo-size-m);position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.details-drawer__resizer-handle:after{content:"";display:block;--_handle-size: 4px;width:var(--_handle-size);height:100%;max-width:100%;max-height:100%;border-radius:var(--lumo-border-radius-s);background-color:var(--lumo-contrast-30pct);transition:.1s opacity,.1s background-color}.details-drawer__resizer:hover .details-drawer__resizer-handle:after{background-color:var(--lumo-contrast-50pct)}.details-drawer__header{flex-shrink:0}.details-drawer__header vaadin-tabs{box-shadow:none}.details-drawer__content{animation:fadeIn .5s ease-in-out;flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:1rem}.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[open] .details-drawer__resizer{display:none}.details-drawer:not([open])[position=right]{transform:translate(100%);transition:transform var(--transition-duration-s)}.details-drawer:not([open])[position=bottom]{transform:translateY(100%);transition:transform var(--transition-duration-s)}}@media (min-width: 720px){.details-drawer[position=bottom]{height:400px;transition:margin-bottom var(--transition-duration-s)}.details-drawer:not([open])[position=bottom]{margin-bottom:-400px}.details-drawer[position=right]{width:var(--details-drawer-width);animation:var(--transition-duration-m) lumo-overlay-backdrop-enter both;transition:width var(--transition-duration-s),margin-right var(--transition-duration-s)}.details-drawer[position=right][open]{margin-right:0;transition:margin-right var(--transition-duration-s)}.details-drawer[position=bottom][open]{margin-bottom:0;transition:margin-bottom var(--transition-duration-s)}.details-drawer:not([open])[position=right]{margin-right:calc(var(--details-drawer-width) * -1);animation:var(--transition-duration-m) lumo-overlay-backdrop-enter both;transition:margin-right var(--transition-duration-s)}}:host([theme~="fab"]){--lumo-button-size: var(--lumo-size-xl);border-radius:50%;bottom:var(--lumo-space-m);box-shadow:var(--lumo-box-shadow-m);font-size:var(--lumo-font-size-l);margin:0;padding:0;position:absolute;right:var(--lumo-space-m)}@media (max-width: 479px){:host([theme~="mobile"]) #header{display:none}:host([theme~="mobile"]:not([theme~="no-border"])){border:none}}vaadin-grid::part(header-cell),vaadin-grid::part(footer-cell){--vaadin-grid-cell-background: var(--lumo-base-color)}vaadin-grid::part(body-cell){cursor:pointer}vaadin-grid::part(row):hover{--vaadin-grid-cell-background: var(--lumo-primary-color-10pct)}vaadin-grid-cell-content{text-overflow:ellipsis}vaadin-grid.grid-none-action::part(body-cell),vaadin-grid.grid-only-hover::part(body-cell){cursor:default}vaadin-grid.grid-none-action::part(row):hover{--vaadin-grid-cell-background: var(--lumo-base-color)}vaadin-grid.grid-deleted::part(body-cell){opacity:.5}@media (min-width: 480px){vaadin-grid.responsive-grid::part(app-bar__mobile-tools){display:none!important}}@media (max-width: 479px){vaadin-grid::part(app-bar__no-mobile-tools),vaadin-grid.responsive-grid::part(app-bar__no-mobile-tools),vaadin-grid.responsive-grid::part(header-cell){display:none!important}vaadin-grid.responsive-grid{--vaadin-grid-cell-padding: .5rem 0}}vaadin-grid.responsive-grid::part(app-bar__header-mobile-tools){display:none!important}vaadin-grid{animation:fadeIn .5s ease-in-out forwards;border-radius:10px;border:4px solid var(--lumo-base-color);box-shadow:0 0 0 1px var(--lumo-contrast-10pct)}vaadin-grid.force-focus-outline::part(focused-cell):after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px var(--lumo-primary-color-50pct);background:var(--lumo-contrast-10pct)}vaadin-grid.grid-multi-select::part(first-column-cell){width:1.4rem;--_cell-padding: 1px}vaadin-grid::part(batch-selected-row){background-color:var(--lumo-primary-color-10pct);pointer-events:none;cursor:default}vaadin-grid vaadin-grid-flow-selection-column::part(cell){pointer-events:none}vaadin-grid vaadin-grid-flow-selection-column vaadin-checkbox{display:none!important}vaadin-grid::part(batch-selected-row first-column-cell)>*{display:none!important}vaadin-grid::part(batch-selected-row first-column-cell){position:relative}vaadin-grid::part(batch-selected-row first-column-cell):before{content:"✔";font-size:14px;color:#fff;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:20%;position:absolute;top:auto;left:5px}.list-item{text-wrap-mode:wrap}.list-item .list-item__notifyBox{box-sizing:border-box;line-height:var(--lumo-line-height-m);overflow:hidden;position:relative}.list-item__prefix{display:flex;flex:0;flex-shrink:1;flex-basis:2.5rem}.list-item__prefix img{max-height:var(--lumo-icon-size-m);max-width:var(--lumo-icon-size-m)}.list-item__content{flex-direction:column;display:flex;overflow:hidden;flex:1;flex-shrink:1;flex-basis:60%}.list-item__content label{overflow:hidden;text-overflow:ellipsis}.list-item__notifyBox{width:15rem;height:7rem;padding-top:2rem}.list-item__suffix{display:flex;flex:0;flex-shrink:1;flex-basis:30%}.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}.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;background-color:var(--lumo-shade-5pct)}.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 vaadin-icon{margin-left:auto;margin-right:auto}.navi-drawer[rail]:not([open]):not(:hover) .theme-toggle span,.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 vaadin-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-m);font-weight:600;height:var(--lumo-size-l);transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;border-radius:6px;background:var(--lumo-base-color)}.navi-item[level]{font-size:var(--lumo-font-size-m);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:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color);box-shadow:0 2px 8px var(--lumo-contrast-10pct);transition:background .3s ease-in-out,box-shadow .3s ease-in-out}.navi-item__link:hover{text-decoration:none}.navi-item:active{background:linear-gradient(135deg,var(--lumo-primary-color-50pct),var(--lumo-primary-text-color));transition:background .1s ease-in-out}.navi-item__link{align-items:center;display:flex;flex-grow:1;height:100%;overflow:hidden;padding-left:var(--lumo-space-s);padding-right:var(--lumo-space-s);font-size:var(--lumo-font-size-s);transition:color .3s ease-in-out}.navi-item__link[highlight]{background:linear-gradient(135deg,var(--lumo-primary-color-50pct),var(--lumo-primary-text-color));color:var(--lumo-base-color)!important;font-weight:700;border-radius:6px;box-shadow:0 3px 12px var(--lumo-contrast-20pct)}.navi-item__link[highlight] vaadin-icon{color:var(--lumo-base-color)!important}.navi-item__link:not([highlight]){color:var(--lumo-body-text-color)}.navi-item__link:not([highlight]) vaadin-icon{color:var(--lumo-tertiary-text-color)}.navi-item__link vaadin-icon{flex-shrink:0;margin-left:.5rem;transition:transform .3s ease-in-out,color .3s ease-in-out}.navi-item:hover vaadin-icon{transform:scale(1.1);color:var(--lumo-primary-color)}.navi-item__link span{cursor:inherit;overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none;white-space:nowrap;font-size:var(--lumo-font-size-s);margin:0 var(--lumo-space-s)}.navi-item vaadin-button{flex-shrink:0;margin-left:auto;margin-right:var(--lumo-space-s);transition:transform .4s ease,color .3s ease}.navi-item.parent-highlight{background:linear-gradient(135deg,var(--lumo-contrast-5pct),var(--lumo-contrast-10pct));color:var(--lumo-body-text-color);font-weight:700;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 2px 6px var(--lumo-contrast-10pct)}.navi-item.parent-highlight vaadin-icon{color:var(--lumo-body-text-color)}.super-admin-tab,.super-admin-item{position:relative}.super-admin-tab:after,.super-admin-item:after{content:"🔒";position:absolute;font-size:.9rem;color:var(--lumo-tertiary-text-color)}.super-admin-tab:after{position:relative;opacity:1;box-shadow:none;background-color:transparent;transform:none;left:auto;height:auto}.navi-menu{margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-s)}.singleSelector::part(input-field){pointer-events:none}@media (min-width: 800px){.responsive-button::part(prefix){display:none}}@media (max-width: 800px){.responsive-button::part(label){display:none}}.tab-bar{align-items:center;background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);padding-left:var(--lumo-space-r-l);padding-right:var(--lumo-space-r-l);position:relative;z-index:1}.tab-bar__avatar{border-radius:100%;flex-shrink:0;height:var(--lumo-size-s);margin-left:auto;width:var(--lumo-size-s)}.tab-bar__tabs{box-shadow:none}.tab-bar__tab vaadin-button{margin-bottom:0;margin-left:var(--lumo-space-s);margin-top:0}.tab-bar__add-tab{flex-shrink:0}@media (max-width: 719px){.tab-bar__add-tab,vaadin-tab[closable]:after,vaadin-tab[closable]:before,vaadin-tab[closable]:not([selected]),vaadin-tab[closable] vaadin-button{display:none}vaadin-tab[closable][selected]{color:var(--lumo-header-text-color);font-size:var(--lumo-font-size-l);font-weight:600}}@media (min-width: 1024px){.tab-bar__navi-icon{display:none}}.view-frame{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.view-frame__header{z-index:2}.view-frame__wrapper{display:flex;flex:1;overflow:hidden}.view-frame__content{animation:fadeIn .5s ease-in-out;flex:1;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}.view-frame__footer{z-index:2;width:100%}.editable-field::part(input-field),.editable-field__description-open::part(input-field),.editable-field__description-closed::part(input-field){background:none;box-shadow:none}.editable-field:hover::part(input-field),.editable-field__description-open:hover::part(input-field),.editable-field__description-closed:hover::part(input-field){background-color:none}.editable-field:hover,.editable-field__description-open:hover,.editable-field__description-closed:hover,.editable-field[focus-ring],.editable-field__description-open[focus-ring],.editable-field__description-closed[focus-ring]{background:none;box-shadow:none}.editable-field__description-open::part(input-field){height:fit-content}.editable-field__description-closed::part(input-field){height:3.3rem;overflow-y:hidden}.notification-box{padding:var(--lumo-space-r-m);align-items:center;height:13rem;max-height:15rem;box-sizing:border-box;border-width:medium;border-color:gray;border-style:solid;box-shadow:var(--lumo-box-shadow-s);background:var(--lumo-base-color)}.notification-image{width:4rem;border-radius:.5rem}.dashboard-button{padding:var(--lumo-space-r-m);align-items:center;box-sizing:border-box;width:15rem;min-width:12rem;height:10rem;border-width:medium;border-color:var(--lumo-base-color);border-style:solid;box-shadow:var(--lumo-box-shadow-s);align-self:self-end;background-color:#01003b}.dashboard-button::part(label){font-size:xx-large;color:var(--lumo-base-color);font-weight:300}vaadin-grid.styling::part(approved),.status-approved::part(input-field){background-color:var(--lumo-success-color-10pct)}vaadin-grid.styling::part(rejected),.status-rejected::part(input-field),.status-rejected::part(input-fields){background-color:var(--lumo-error-color-10pct)}.footer-bar{align-items:center;background-color:var(--lumo-shade-5pct);box-shadow:var(--lumo-box-shadow-s);padding-left:var(--lumo-space-r-l);padding-right:var(--lumo-space-r-l);position:relative}.footer-bar__avatar{border-radius:100%;flex-shrink:0;height:var(--lumo-size-s);margin-left:auto;width:var(--lumo-size-s)}.footer-bar__tabs{box-shadow:none}.footer-bar__tab vaadin-button{margin-bottom:0;margin-left:var(--lumo-space-s);margin-top:0}.footer-bar__tab{color:var(--lumo-body-text-color)}.footer-bar__tab:before{background:none}.footer-bar__add-tab{flex-shrink:0}@media (max-width: 719px){.footer-bar__add-tab,vaadin-tab[closable]:after,vaadin-tab[closable]:before,vaadin-tab[closable]:not([selected]),vaadin-tab[closable] vaadin-button{display:none}vaadin-tab[closable][selected]{color:var(--lumo-header-text-color);font-size:var(--lumo-font-size-l);font-weight:600}}@media (min-width: 1024px){.footer-bar__navi-icon{display:none}}.kanban-view{min-height:400px!important;overflow:hidden!important;width:max-content;gap:.5rem}.kanban-grid{width:18rem;overflow:hidden;border-radius:8px;background-color:transparent!important;margin-left:.5rem;margin:var(--vaadin-button-margin, var(--lumo-space-xs) 0);align-self:unset;flex-grow:0}.kanban-view{height:100%;padding:0rem 1rem .5rem}@media (max-width: 768px){.kanban-view{flex-direction:horizontal!important}}.kanban-view vaadin-grid{height:auto;line-height:var(--lumo-line-height-m);box-shadow:none}.kanban-view vaadin-grid,.kanban-view vaadin-grid-cell-content{background-color:var(--lumo-base-color);padding:.5rem}.kanban-view .kanban-grid__card{background-color:var(--lumo-base-color);border-radius:.4rem;padding:calc(var(--lumo-space-s) * 1.5) var(--lumo-space-m);transition:transform .3s ease,background-color .3s ease;cursor:pointer;align-items:center;background-color:var(--lumo-shade-5pct)}.kanban-view .kanban-grid__card:hover{border:1px solid var(--lumo-primary-color);background-color:var(--lumo-shade-5pct);transition:background-color .3s ease}.kanban-view img{border-radius:50%;flex-shrink:0;height:var(--lumo-size-m);margin-right:calc(var(--lumo-space-s) * 1.5);width:var(--lumo-size-m)}.kanban-view .kanban-grid__card-header{text-wrap:wrap;align-items:baseline}.kanban-view .kanban-grid__card-description{overflow:auto}.kanban-view .kanban-grid__card-name .kanban-grid__card-email .kanban-grid__card-title{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);margin-right:var(--lumo-space-s)}.kanban-view .kanban-grid__card-title,.kanban-view .kanban-grid__card-description{font-size:var(--lumo-font-size-l);line-height:1.5}.kanban-view .kanban-grid__card-date{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs)}.kanban-view .kanban-grid__card-post{font-size:var(--lumo-font-size-s);font-weight:700;margin-bottom:var(--lumo-space-s);white-space:normal}.kanban-view .kanban-grid__card-status{height:fit-content;align-self:center}.kanban-view .actions{align-items:center}.kanban-view .icon{color:var(--lumo-tertiary-text-color);height:calc(var(--lumo-icon-size-s) * .8);margin-right:var(--lumo-space-s);width:calc(var(--lumo-icon-size-s) * .8)}.kanban-view .likes,.kanban-view .comments,.kanban-view .shares{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs);margin-right:var(--lumo-space-l)}.possible-drop-zone{border:3px solid transparent;transition:border .2s ease-in-out}.drop-zone-left{border-left:3px solid var(--lumo-primary-color-50pct)}.drop-zone-right{border-right:3px solid var(--lumo-primary-color-50pct)}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;box-shadow:0 2px 4px var(--lumo-contrast-10pct);border-radius:8px;background-color:var(--lumo-base-color);box-sizing:border-box;overflow:hidden;height:auto;width:100%;position:relative;transition:all .5s ease}.card-header{font-size:1.2em;font-weight:700;margin:0 auto 8px;width:100%;text-align:center;box-sizing:border-box;height:auto!important;display:flex;justify-content:space-between}.card-title{position:relative;left:50%;transform:translate(-50%);width:100%}.card-header-menu{margin-left:auto}@media (max-width: 768px){.card-header-menu{display:none}}.card-expanded{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;overflow:auto}.card-content{display:flex;justify-content:center;align-items:center;flex-grow:1;width:100%;height:100%;box-sizing:border-box;overflow:hidden;flex-direction:column}#pie-chart-container,#bar-chart-container,#stacked-bar-chart-container,#radar-chart-container,#line-chart-container,#map-chart-container,.chart-container,.chartjs-render-monitor,.google-visualization-geochart{width:100%!important;height:100%!important;min-height:300px!important}.card-expanded #myChart{max-height:100%}#myChart{max-height:300px}#stacked-bar-chart-container,#bar-chart-container{align-content:center}#map-chart-container{display:flex;justify-content:center}.card-content>*{width:100%;height:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.card-maximized .card-content{height:calc(100vh - 32px);width:100%}.p-skeleton{width:100%;height:1rem;position:relative;margin-bottom:.5rem!important;overflow:hidden;background-color:#e5e7eb;border-radius:6px;box-sizing:border-box}.p-skeleton:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer-effect 1.6s infinite}@keyframes shimmer-effect{0%{left:-150%}to{left:150%}}.custom-dialog{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.custom-dialog-icon{font-size:3em;display:inline-block;margin:0 auto;position:relative;overflow:hidden;animation:bounceIn .4s ease-out;border-radius:50%;opacity:1;transform:none}.custom-dialog-icon:before{content:"";position:absolute;top:0;left:-100%;width:80%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--lumo-primary-contrast-color) 50%,transparent 100%);opacity:.5;transform:skew(-25deg);animation:shine 2s ease-in-out .3s forwards}@keyframes shine{0%{left:-100%;opacity:0}20%{opacity:1}80%{opacity:1}to{left:120%;opacity:0}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.active-filters{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:0 1rem;margin-bottom:.5rem}.root__filters{z-index:2;position:absolute;right:0;box-sizing:border-box;height:100%}.filter-drawer{flex-direction:column;height:100%;max-height:100%;max-width:100%;overflow:hidden;width:var(--filter-drawer-width);right:0;margin:0;position:fixed;top:0;width:100%}.filter-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}.filter-drawer__main-content{background:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);box-sizing:border-box;display:flex;flex-direction:column;height:100%;position:absolute;right:0;width:var(--filter-drawer-width)}.filter-drawer__header{flex-shrink:0}.filter-drawer__header vaadin-tabs{box-shadow:none}.filter-drawer__content{animation:fadeIn .5s ease-in-out;flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:1rem}.filter-drawer__footer{flex-shrink:0}@media (max-width: 719px){.filter-drawer{right:0;margin:0;position:fixed;top:0}.filter-drawer[open] .filter-drawer__scrim{opacity:1;pointer-events:all}.filter-drawer[position=bottom]{height:100%;bottom:0;width:100%;top:auto}.filter-drawer[position=bottom] .filter-drawer__main-content{box-shadow:none;height:50vh;bottom:0;width:100vw}.filter-drawer:not([open])[position=bottom]{margin-bottom:-100vh;transition:margin-bottom var(--transition-duration-s)}.filter-drawer[open][position=bottom]{margin-bottom:0;transition:margin-bottom var(--transition-duration-s)}.filter-drawer[position=right]{transition:margin-right var(--transition-duration-s)}.filter-drawer:not([open])[position=right]{margin-right:-100vw;transition:margin-right var(--transition-duration-s)}.filter-drawer[open][position=right]{margin-right:0;transition:margin-right var(--transition-duration-s)}}@media (min-width: 720px){.filter-drawer[position=bottom]{height:400px;transition:margin-bottom var(--transition-duration-s)}.filter-drawer:not([open])[position=bottom]{margin-bottom:-400px}.filter-drawer[position=bottom][open]{margin-bottom:0;transition:margin-bottom var(--transition-duration-s)}.filter-drawer[position=right]{width:var(--filter-drawer-width);animation:var(--transition-duration-m) lumo-overlay-backdrop-enter both;transition:width var(--transition-duration-s),margin-right var(--transition-duration-s)}.filter-drawer[position=right][open]{margin-right:0;transition:margin-right var(--transition-duration-s)}.filter-drawer:not([open])[position=right]{margin-right:calc(var(--filter-drawer-width) * -1);animation:var(--transition-duration-m) lumo-overlay-backdrop-enter both;transition:margin-right var(--transition-duration-s)}}.theme-toggle{min-width:2.4rem;max-width:2.4rem;max-height:1.5rem;margin:.2rem .5rem;background-color:var(--lumo-primary-color-50pct);border-radius:20px}.theme-toggle-button{display:flex;align-items:center;border-radius:20px;background-color:var(--lumo-base-color);border:none;cursor:pointer;transition:all .3s ease-in-out;font-size:12px;font-weight:700;min-width:1.2rem;height:1.2rem;padding:0;margin:2px}.theme-toggle:hover{cursor:pointer}.theme-toggle-button:before{content:"🌞";margin-right:8px}[theme~=dark] .theme-toggle-button{transform:translate(1rem)}[theme~=dark] .theme-toggle-button:before{content:"🌙"}.border-radius-s{border-radius:var(--lumo-border-radius)}.border-radius-m{border-radius:calc(var(--lumo-border-radius) * 2)}.border-radius-l{border-radius:calc(var(--lumo-border-radius) * 3)}.border-radius-100{border-radius:100%}vaadin-icon.size-s{width:var(--lumo-icon-size-s);height:var(--lumo-icon-size-s)}vaadin-icon.size-m{width:var(--lumo-icon-size-m);height:var(--lumo-icon-size-m)}vaadin-icon.size-l{width:var(--lumo-icon-size-l);height:var(--lumo-icon-size-l)}.margin-b-a{margin-bottom:auto}.margin-b-xs{margin-bottom:var(--lumo-space-xs)}.margin-b-s{margin-bottom:var(--lumo-space-s)}.margin-b-m{margin-bottom:var(--lumo-space-m)}.margin-b-l{margin-bottom:var(--lumo-space-l)}.margin-b-xl{margin-bottom:var(--lumo-space-xl)}.margin-h-a{margin-left:auto;margin-right:auto}.margin-h-xs{margin-left:var(--lumo-space-xs);margin-right:var(--lumo-space-xs)}.margin-h-s{margin-left:var(--lumo-space-s);margin-right:var(--lumo-space-s)}.margin-h-m{margin-left:var(--lumo-space-m);margin-right:var(--lumo-space-m)}.margin-h-l{margin-left:var(--lumo-space-l);margin-right:var(--lumo-space-l)}.margin-h-xl{margin-left:var(--lumo-space-xl);margin-right:var(--lumo-space-xl)}.margin-r-h-m{margin-left:var(--lumo-space-r-m);margin-right:var(--lumo-space-r-m)}.margin-r-h-l{margin-left:var(--lumo-space-r-l);margin-right:var(--lumo-space-r-l)}.margin-l-a{margin-left:auto}.margin-l-xs{margin-left:var(--lumo-space-xs)}.margin-l-s{margin-left:var(--lumo-space-s)}.margin-l-m{margin-left:var(--lumo-space-m)}.margin-l-l{margin-left:var(--lumo-space-l)}.margin-l-xl{margin-left:var(--lumo-space-xl)}.margin-r-a{margin-right:auto}.margin-r-xs{margin-right:var(--lumo-space-xs)}.margin-r-s{margin-right:var(--lumo-space-s)}.margin-r-m{margin-right:var(--lumo-space-m)}.margin-r-l{margin-right:var(--lumo-space-l)}.margin-r-xl{margin-right:var(--lumo-space-xl)}.spacing-tall-xs{margin:var(--lumo-space-tall-xs)}.margin-tall-s{margin:var(--lumo-space-tall-s)}.margin-tall-m{margin:var(--lumo-space-tall-m)}.margin-tall-l{margin:var(--lumo-space-tall-l)}.margin-tall-xl{margin:var(--lumo-space-tall-xl)}.margin-t-a{margin-top:auto}.margin-t-xs{margin-top:var(--lumo-space-xs)}.margin-t-s{margin-top:var(--lumo-space-s)}.margin-t-m{margin-top:var(--lumo-space-m)}.margin-t-l{margin-top:var(--lumo-space-l)}.margin-t-xl{margin-top:var(--lumo-space-xl)}.margin-a{margin:auto}.margin-xs{margin:var(--lumo-space-xs)}.margin-s{margin:var(--lumo-space-s)}.margin-m{margin:var(--lumo-space-m)}.margin-l{margin:var(--lumo-space-l)}.margin-xl{margin:var(--lumo-space-xl)}.margin-v-a{margin-bottom:auto;margin-top:auto}.margin-v-xs{margin-bottom:var(--lumo-space-xs);margin-top:var(--lumo-space-xs)}.margin-v-s{margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-s)}.margin-v-m{margin-bottom:var(--lumo-space-m);margin-top:var(--lumo-space-m)}.margin-v-l{margin-bottom:var(--lumo-space-l);margin-top:var(--lumo-space-l)}.margin-v-xl{margin-bottom:var(--lumo-space-xl);margin-top:var(--lumo-space-xl)}.margin-r-v-m{margin-bottom:var(--lumo-space-r-m);margin-top:var(--lumo-space-r-m)}.margin-r-v-l{margin-bottom:var(--lumo-space-r-l);margin-top:var(--lumo-space-r-l)}.margin-wide-xs{margin:var(--lumo-space-wide-xs)}.margin-wide-s{margin:var(--lumo-space-wide-s)}.margin-wide-m{margin:var(--lumo-space-wide-m)}.margin-wide-l{margin:var(--lumo-space-wide-l)}.margin-wide-xl{margin:var(--lumo-space-wide-xl)}.padding-b-xs{padding-bottom:var(--lumo-space-xs)}.padding-b-s{padding-bottom:var(--lumo-space-s)}.padding-b-m{padding-bottom:var(--lumo-space-m)}.padding-b-l{padding-bottom:var(--lumo-space-l)}.padding-b-xl{padding-bottom:var(--lumo-space-xl)}.padding-h-xs{padding-left:var(--lumo-space-xs);padding-right:var(--lumo-space-xs)}.padding-h-s{padding-left:var(--lumo-space-s);padding-right:var(--lumo-space-s)}.padding-h-m{padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.padding-h-l{padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l)}.padding-h-xl{padding-left:var(--lumo-space-xl);padding-right:var(--lumo-space-xl)}.padding-r-h-m{padding-left:var(--lumo-space-r-m);padding-right:var(--lumo-space-r-m)}.padding-r-h-l{padding-left:var(--lumo-space-r-l);padding-right:var(--lumo-space-r-l)}.padding-l-xs{padding-left:var(--lumo-space-xs)}.padding-l-s{padding-left:var(--lumo-space-s)}.padding-l-m{padding-left:var(--lumo-space-m)}.padding-l-l{padding-left:var(--lumo-space-l)}.padding-l-xl{padding-left:var(--lumo-space-xl)}.padding-r-xs{padding-right:var(--lumo-space-xs)}.padding-r-s{padding-right:var(--lumo-space-s)}.padding-r-m{padding-right:var(--lumo-space-m)}.padding-r-l{padding-right:var(--lumo-space-l)}.padding-r-xl{padding-right:var(--lumo-space-xl)}.spacing-tall-xs{padding:var(--lumo-space-tall-xs)}.padding-tall-s{padding:var(--lumo-space-tall-s)}.padding-tall-m{padding:var(--lumo-space-tall-m)}.padding-tall-l{padding:var(--lumo-space-tall-l)}.padding-tall-xl{padding:var(--lumo-space-tall-xl)}.padding-t-xs{padding-top:var(--lumo-space-xs)}.padding-t-s{padding-top:var(--lumo-space-s)}.padding-t-m{padding-top:var(--lumo-space-m)}.padding-t-l{padding-top:var(--lumo-space-l)}.padding-t-xl{padding-top:var(--lumo-space-xl)}.padding-xs{padding:var(--lumo-space-xs)}.padding-s{padding:var(--lumo-space-s)}.padding-m{padding:var(--lumo-space-m)}.padding-l{padding:var(--lumo-space-l)}.padding-xl{padding:var(--lumo-space-xl)}.padding-v-xs{padding-bottom:var(--lumo-space-xs);padding-top:var(--lumo-space-xs)}.padding-v-s{padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s)}.padding-v-m{padding-bottom:var(--lumo-space-m);padding-top:var(--lumo-space-m)}.padding-v-l{padding-bottom:var(--lumo-space-l);padding-top:var(--lumo-space-l)}.padding-v-xl{padding-bottom:var(--lumo-space-xl);padding-top:var(--lumo-space-xl)}.padding-r-v-m{padding-bottom:var(--lumo-space-r-m);padding-top:var(--lumo-space-r-m)}.padding-r-v-l{padding-bottom:var(--lumo-space-r-l);padding-top:var(--lumo-space-r-l)}.padding-wide-xs{padding:var(--lumo-space-wide-xs)}.padding-wide-s{padding:var(--lumo-space-wide-s)}.padding-wide-m{padding:var(--lumo-space-wide-m)}.padding-wide-l{padding:var(--lumo-space-wide-l)}.padding-wide-xl{padding:var(--lumo-space-wide-xl)}.shadow-xs{box-shadow:var(--lumo-box-shadow-xs)}.shadow-s{box-shadow:var(--lumo-box-shadow-s)}.shadow-m{box-shadow:var(--lumo-box-shadow-m)}.shadow-l{box-shadow:var(--lumo-box-shadow-l)}.shadow-xl{box-shadow:var(--lumo-box-shadow-xl)}.spacing-b-xs>*:not(:last-child){margin-bottom:var(--lumo-space-xs)}.spacing-b-s>*:not(:last-child){margin-bottom:var(--lumo-space-s)}.spacing-b-m>*:not(:last-child){margin-bottom:var(--lumo-space-m)}.spacing-b-l>*:not(:last-child){margin-bottom:var(--lumo-space-l)}.spacing-b-xl>*:not(:last-child){margin-bottom:var(--lumo-space-xl)}.spacing-h-xs>*:not(:last-child){margin-left:var(--lumo-space-xs);margin-right:var(--lumo-space-xs)}.spacing-h-s>*:not(:last-child){margin-left:var(--lumo-space-s);margin-right:var(--lumo-space-s)}.spacing-h-m>*:not(:last-child){margin-left:var(--lumo-space-m);margin-right:var(--lumo-space-m)}.spacing-h-l>*:not(:last-child){margin-left:var(--lumo-space-l);margin-right:var(--lumo-space-l)}.spacing-h-xl>*:not(:last-child){margin-left:var(--lumo-space-xl);margin-right:var(--lumo-space-xl)}.spacing-l-xs>*:not(:last-child){margin-left:var(--lumo-space-xs)}.spacing-l-s>*:not(:last-child){margin-left:var(--lumo-space-s)}.spacing-l-m>*:not(:last-child){margin-left:var(--lumo-space-m)}.spacing-l-l>*:not(:last-child){margin-left:var(--lumo-space-l)}.spacing-l-xl>*:not(:last-child){margin-left:var(--lumo-space-xl)}.spacing-r-xs>*:not(:last-child){margin-right:var(--lumo-space-xs)}.spacing-r-s>*:not(:last-child){margin-right:var(--lumo-space-s)}.spacing-r-m>*:not(:last-child){margin-right:var(--lumo-space-m)}.spacing-r-l>*:not(:last-child){margin-right:var(--lumo-space-l)}.spacing-r-xl>*:not(:last-child){margin-right:var(--lumo-space-xl)}.spacing-tall-xs>*:not(:last-child){margin:var(--lumo-space-tall-xs)}.spacing-tall-s>*:not(:last-child){margin:var(--lumo-space-tall-s)}.spacing-tall-m>*:not(:last-child){margin:var(--lumo-space-tall-m)}.spacing-tall-l>*:not(:last-child){margin:var(--lumo-space-tall-l)}.spacing-tall-xl>*:not(:last-child){margin:var(--lumo-space-tall-xl)}.spacing-t-xs>*:not(:last-child){margin-top:var(--lumo-space-xs)}.spacing-t-s>*:not(:last-child){margin-top:var(--lumo-space-s)}.spacing-t-m>*:not(:last-child){margin-top:var(--lumo-space-m)}.spacing-t-l>*:not(:last-child){margin-top:var(--lumo-space-l)}.spacing-t-xl>*:not(:last-child){margin-top:var(--lumo-space-xl)}.spacing-xs>*:not(:last-child){margin:var(--lumo-space-xs)}.spacing-s>*:not(:last-child){margin:var(--lumo-space-s)}.spacing-m>*:not(:last-child){margin:var(--lumo-space-m)}.spacing-l>*:not(:last-child){margin:var(--lumo-space-l)}.spacing-xl>*:not(:last-child){margin:var(--lumo-space-xl)}.spacing-v-xs>*:not(:last-child){margin-bottom:var(--lumo-space-xs);margin-top:var(--lumo-space-xs)}.spacing-v-s>*:not(:last-child){margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-s)}.spacing-v-m>*:not(:last-child){margin-bottom:var(--lumo-space-m);margin-top:var(--lumo-space-m)}.spacing-v-l>*:not(:last-child){margin-bottom:var(--lumo-space-l);margin-top:var(--lumo-space-l)}.spacing-v-xl>*:not(:last-child){margin-bottom:var(--lumo-space-xl);margin-top:var(--lumo-space-xl)}.spacing-wide-xs>*:not(:last-child){margin:var(--lumo-space-wide-xs)}.spacing-wide-s>*:not(:last-child){margin:var(--lumo-space-wide-s)}.spacing-wide-m>*:not(:last-child){margin:var(--lumo-space-wide-m)}.spacing-wide-l>*:not(:last-child){margin:var(--lumo-space-wide-l)}.spacing-wide-xl>*:not(:last-child){margin:var(--lumo-space-wide-xl)}.header-text{color:var(--lumo-header-text-color)}.body-text{color:var(--lumo-body-text-color)}.secondary-text{color:var(--lumo-secondary-text-color)}.tertiary-text{color:var(--lumo-tertiary-text-color)}.disabled-text{color:var(--lumo-disabled-text-color)}.primary-text{color:var(--lumo-primary-text-color)}.primary-contrast-text{color:var(--lumo-primary-contrast-color)}.error-text{color:var(--lumo-error-text-color)}.error-contrast-text{color:var(--lumo-error-contrast-color)}.success-text{color:var(--lumo-success-text-color)}.success-contrast-text{color:var(--lumo-success-contrast-color)}.h1,.h2,.h3,.h4,.h5,.h6{display:block;font-weight:600;line-height:var(--lumo-line-height-xs)}.h1{font-size:var(--lumo-font-size-xxxl)}.h2{font-size:var(--lumo-font-size-xxl)}.h3{font-size:var(--lumo-font-size-xl)}.h4{font-size:var(--lumo-font-size-l)}.h5{font-size:var(--lumo-font-size-m)}.h6{font-size:var(--lumo-font-size-xs);text-transform:uppercase;letter-spacing:.03em}.font-size-xxxl{font-size:var(--lumo-font-size-xxxl)}.font-size-xxl{font-size:var(--lumo-font-size-xxl)}.font-size-xl{font-size:var(--lumo-font-size-xl)}.font-size-l{font-size:var(--lumo-font-size-l)}.font-size-m{font-size:var(--lumo-font-size-m)}.font-size-s{font-size:var(--lumo-font-size-s)}.font-size-xs{font-size:var(--lumo-font-size-xs)}.font-size-xxs{font-size:var(--lumo-font-size-xxs)}.font-weight-medium{font-weight:500}.monospace{font-family:SF Mono,Roboto Mono,Source Code Pro,monospace}[theme~=badge][theme~=orange]{color:#e1772f;background-color:#e1772f33}[theme~=badge][theme~=orange][theme~=primary]{color:#fff;background-color:#e1772f}.bsb-b{box-shadow:inset 0 -1px var(--lumo-contrast-10pct)}.bsb-l{box-shadow:inset 1px 0 var(--lumo-contrast-10pct)}.bsb-r{box-shadow:inset -1px 0 var(--lumo-contrast-10pct)}.bsb-t{box-shadow:inset 0 1px var(--lumo-contrast-10pct)}.delete-button:hover{cursor:pointer;color:var(--lumo-error-text-color)}.main-content{background:linear-gradient(135deg,#1555aa,#1055b0);overflow:auto;height:100%;align-content:center;box-sizing:border-box}.form-layout{justify-self:center;margin:var(--lumo-space-m);padding:var(--lumo-space-l);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff26;border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003;flex:1 0 30%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;max-width:500px;width:100%;color:#fff;transition:all .3s ease-in-out}.login-image{flex:1 1 70%;max-width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px var(--lumo-contrast-20pct)}.main-button{cursor:pointer;background:linear-gradient(135deg,#0056b3,#003282);color:var(--lumo-base-color);border:none;padding:12px 20px;margin-bottom:8px;font-size:16px;border-radius:6px;width:100%;transition:background .3s ease-in-out}.v-icon{color:#ffffffb3}.main-button:hover{box-shadow:0 4px 8px var(--lumo-contrast-30pct)}.login-title{font-size:2rem;margin-bottom:1rem;color:#fff}.login-google{cursor:pointer;background-color:transparent;color:#fff;border:2px solid #ffffff;padding:12px 20px;font-size:16px;border-radius:6px;width:100%;transition:background .3s ease-in-out}.login-google:hover{background-color:#0056b31a;box-shadow:0 2px 6px var(--lumo-contrast-20pct)}.login-screen{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px;color:#fff;font-size:16px;transition:all .3s ease-in-out}.login-screen::part(label){color:#fff}.login-screen:hover,.login-screen:focus-within{background-color:#fff3;border-color:#fff6}.login-button{background:linear-gradient(135deg,#1676f3,#0056b3);border:none;padding:12px 20px;font-size:16px;font-weight:700;border-radius:12px;width:100%;color:#fff;transition:transform .2s ease-in-out,box-shadow .3s}.login-button:hover{transform:scale(1.02);box-shadow:0 6px 16px #0003}.login-hr{width:100%;height:2px;background:#fff;border-radius:4px;margin:16px 0}.login-or-text{color:#fff;font-size:1em;text-transform:uppercase;text-align:center;margin-bottom:8px}.no-background-button{cursor:pointer;background-color:transparent;color:#fff;padding:12px;margin-bottom:16px;width:100%;transition:color .3s ease-in-out}.no-background-button:hover{color:#003d80}.sign-up{background-color:#f0f0f0;color:#333;padding:12px 20px;margin-top:16px;border-radius:6px;width:100%;text-align:center}.sign-up:hover{background:linear-gradient(135deg,#e0e0e0,#ccc)}#loader{background:linear-gradient(45deg,#2a2c38,#5b5b65);z-index:999;position:absolute;top:0;left:0;gap:0px}#shared-logo{transition:all 1s ease-in-out;width:15rem;opacity:.9}.move-to-form{transform:translateY(-200px) scale(.3);opacity:1}.loader-text{font-size:6rem;font-weight:600;color:var(--lumo-base-color);padding:0;text-box-trim:trim-end}.loader-subtext{font-size:1.1rem;font-weight:300;padding:0;letter-spacing:.5rem}.loader-text,.loader-subtext{position:relative;overflow:hidden}.loader-text,.loader-subtext{position:relative;overflow:hidden;background:linear-gradient(120deg,#ffffff0d,#fff6 20%,#fffc,#fff6 80%,#ffffff0d);background-size:200% auto;background-position:-100% 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-sweep 2s infinite}@keyframes shimmer-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 1024px){.main-content,.main-content-signup{flex-direction:column;padding:10px}.form-layout{flex:0 0 90%;max-width:90%;padding:var(--lumo-space-m)}.login-image{display:none}.main-button,.login-google{padding:10px 16px;font-size:14px}}@media (max-width: 768px){.form-layout{width:100%;max-width:100%;margin:0;padding:15px;box-shadow:none;flex:0 0 90%}.main-button,.login-google{padding:10px;font-size:14px}.loader-text{font-size:4rem;font-weight:600}.loader-subtext{font-size:.8rem;font-weight:300;letter-spacing:.3rem}}vaadin-board-row.small .statistics__payment-chart:not(:last-child){box-shadow:inset 0 -1px var(--lumo-contrast-10pct)}vaadin-board-row.medium .statistics__payment-chart:first-child{box-shadow:inset 0 -1px var(--lumo-contrast-10pct),inset -1px 0 var(--lumo-contrast-10pct)}vaadin-board-row.medium .statistics__payment-chart:nth-child(2){box-shadow:inset 0 -1px var(--lumo-contrast-10pct)}vaadin-board-row.medium .statistics__payment-chart:nth-child(3){box-shadow:inset -1px 0 var(--lumo-contrast-10pct)}vaadin-board-row.large .statistics__payment-chart:not(:last-child){box-shadow:inset -1px 0 var(--lumo-contrast-10pct)}vaadin-board-row.small .statistics__reports{padding-right:var(--lumo-space-r-l)}vaadin-board-row.small .statistics__logs{padding-left:var(--lumo-space-r-l)}vaadin-board-row:not(.small) .statistics__reports{padding-right:calc(var(--lumo-space-l) / 2)}vaadin-board-row:not(.small) .statistics__logs{padding-left:calc(var(--lumo-space-l) / 2)}.edit-view__content{gap:20px;padding:1rem 1rem .5rem;align-items:start;display:flex;flex-wrap:nowrap;height:100%}.edit-view__details{padding:var(--lumo-space-m) var(--lumo-space-s);flex-direction:column;display:flex;flex:30%}.edit-view__portal{flex-direction:column;display:flex;width:100%;height:-webkit-fill-available;flex:70%;overflow:hidden}.component-in-row{display:flex;flex-wrap:wrap}@media (max-width: 1199.98px){.edit-view__content{flex-wrap:wrap;justify-content:center;height:auto}.edit-view__details vaadin-grid{height:20rem!important}}@media (min-width: 1200px){.edit-view__content{flex-wrap:nowrap;height:100%}.edit-view__details{flex:30%}.edit-view__portal{flex:70%}}.card-window__content{min-width:10rem;max-width:100%;height:100%}.avatar-wrapper{position:relative;display:inline-block}.avatar-wrapper .camera-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--lumo-contrast-30pct);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;color:var(--lumo-base-color);font-size:24px;cursor:pointer;border-radius:50%}.avatar-wrapper:hover .camera-overlay{opacity:1}[theme~=dark] .app-bar{background:linear-gradient(135deg,#233c5f,#003282f2)}[theme~=dark] .app-bar__title-button>*,[theme~=dark] .app-bar__download,[theme~=dark] .app-bar__navi-icon,[theme~=dark] .app-bar__action-items>*{color:#90bdf9}[theme~=dark] .app-bar__tabs [selected],[theme~=dark] .app-bar__title{color:#fff}:root{--app-bar-height: var(--lumo-size-xl);--navi-drawer-width: calc(var(--lumo-size-m) * 7);--filter-drawer-width: calc(var(--lumo-size-m) * 7);--navi-drawer-rail-width: calc(var(--lumo-size-m) * 1.75);--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;--lumo-space-r-m: var(--lumo-space-m);--lumo-space-r-l: var(--lumo-space-l);--lumo-space-r-x: var(--lumo-space-l);--lumo-space-wide-r-m: var(--lumo-space-wide-m);--lumo-space-wide-r-l: var(--lumo-space-wide-l)}@media (max-width: 479px){:root{--lumo-space-r-x: 0}}@media (min-width: 480px) and (max-width: 1023px){:root{--lumo-space-r-x: var(--lumo-space-m)}}@media (max-width: 1023px){:root{--lumo-space-r-m: var(--lumo-space-s);--lumo-space-r-l: var(--lumo-space-m);--lumo-space-wide-r-m: var(--lumo-space-wide-s);--lumo-space-wide-r-l: var(--lumo-space-wide-m)}}html,body{height:100%;overflow:hidden;width:100%}.root{background-color:var(--lumo-contrast-5pct)}@keyframes rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.root__rotate-icon{animation:rotate 2s linear infinite}.app-header-outer,.app-footer-outer{z-index:3}vaadin-text-field{align-self:auto}vaadin-form-layout-column-spacing{width:calc(49.95% - .75rem);margin-left:0}@media all and (max-width: 1100px){.list-view.editing .toolbar,.list-view.editing .contact-grid{display:none}}.test::part(input-field){position:absolute;inset:0;font-size:var(--lumo-font-size-m);padding:var(--lumo-space-xs) var(--lumo-space-m);height:var(--lumo-size-m);background:transparent}.bestTime::part(input-field){background:var(--lumo-success-color-10pct)}.realisticTime::part(input-field){background:var(--lumo-primary-color-10pct)}.worstTime::part(input-field){background:var(--lumo-error-color-10pct)}html{--lumo-font-size: 1rem;--lumo-font-size-xxxl: 1.75rem;--lumo-font-size-xxl: 1.375rem;--lumo-font-size-xl: 1.125rem;--lumo-font-size-l: 1rem;--lumo-font-size-m: .875rem;--lumo-font-size-s: .8125rem;--lumo-font-size-xs: .75rem;--lumo-font-size-xxs: .6875rem;--lumo-line-height-m: 1.4;--lumo-line-height-s: 1.2;--lumo-line-height-xs: 1.1;--lumo-size-xl: 3rem;--lumo-size-l: 2.5rem;--lumo-size-m: 2rem;--lumo-size-s: 1.75rem;--lumo-size-xs: 1.5rem;--lumo-primary-color: #005FDB;--lumo-clickable-cursor: pointer}.v-loading-indicator{background:linear-gradient(135deg,#0056b3,#7b08d1)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulsating-button{border:none;cursor:pointer;transition:all .3s ease-in-out;animation:pulse 1.5s infinite}vaadin-button.loading>vaadin-icon{animation:spin-variable 1.5s linear infinite;color:var(--lumo-primary-color)}vaadin-button.success>vaadin-icon{animation:pop .4s ease;color:var(--lumo-success-color)}vaadin-button.on-enter>vaadin-icon{animation:icon-enter .4s ease-out}@keyframes pop{0%{transform:scale(.6);opacity:.5}50%{transform:scale(1.3);opacity:1}to{transform:scale(1)}}@keyframes spin-variable{0%{transform:rotate(0)}20%{transform:rotate(60deg)}40%{transform:rotate(180deg)}60%{transform:rotate(270deg)}80%{transform:rotate(300deg)}to{transform:rotate(360deg)}}@keyframes icon-enter{0%{transform:scale(.6) rotate(-45deg);opacity:0}60%{transform:scale(1.2) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0)}}vaadin-button.error>vaadin-icon{animation:shake .4s ease-in-out;color:var(--lumo-error-color)}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.truncated-text{cursor:help;border-bottom:1px dotted var(--lumo-contrast-50pct);color:var(--lumo-body-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}