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;width:max-content;height:100%;gap:12px;padding:12px 16px 16px;align-items:stretch;box-sizing:border-box;background:transparent!important}.kanban-grid{width:100%!important;flex:1 1 auto;min-width:0;border-radius:12px 12px 0 0;background-color:transparent!important;border:none;margin:0!important;align-self:stretch;overflow:hidden;display:flex;flex-direction:column}.kanban-column-wrapper{width:320px!important;min-width:320px!important;flex-shrink:0;align-self:stretch;border-radius:12px;background-color:var(--lumo-contrast-5pct);border:1px solid var(--lumo-contrast-10pct);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 200px);height:auto;min-height:0}.kanban-column-wrapper>.kanban-column-footer{flex-shrink:0;background:var(--lumo-contrast-5pct);border-top:1px solid var(--lumo-contrast-10pct);padding:8px;display:flex;flex-direction:column;gap:4px}[theme~=dark] .kanban-column-wrapper>.kanban-column-footer{background:var(--lumo-contrast-10pct)}.kanban-column-add{background:transparent!important;border:1px dashed transparent!important;transition:background .12s ease,border-color .12s ease;min-height:32px;width:100%}.kanban-column-add:hover{background:var(--lumo-contrast-10pct)!important;border-color:var(--lumo-contrast-20pct)!important}.kanban-column-show-more{min-height:28px;width:100%;background:var(--lumo-primary-color-10pct)!important;border-radius:6px!important;transition:background .12s ease}.kanban-column-show-more:hover{background:var(--lumo-primary-color-50pct)!important;color:#fff!important}.kanban-view vaadin-grid{background-color:transparent!important;box-shadow:none!important;border:none!important;--_lumo-grid-border-color: transparent;--vaadin-grid-cell-border-color: transparent;flex:1 1 auto!important;min-height:0}.kanban-view vaadin-grid-cell-content{background-color:transparent!important;padding:4px 8px!important}.kanban-column-header{display:flex!important;align-items:center;justify-content:space-between;padding:12px 12px 8px;width:100%;box-sizing:border-box;background-color:transparent}.kanban-column-header-title{font-size:13px!important;font-weight:600!important;color:var(--lumo-secondary-text-color);flex:1;border:none!important;background:transparent!important;padding:4px 6px!important;border-radius:6px;box-shadow:none!important;--vaadin-input-field-border-width: 0 !important;--vaadin-input-field-background: transparent !important;margin:0!important;height:auto!important;min-height:0!important}.kanban-column-header-title input{font-size:13px!important;font-weight:600!important;letter-spacing:.2px;color:var(--lumo-body-text-color)}.kanban-column-header-title:hover input{background:var(--lumo-contrast-10pct)!important}.kanban-column-count{background:var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;margin-left:6px;min-width:22px;text-align:center;line-height:1.4}.kanban-view .kanban-grid__card{background-color:var(--lumo-base-color)!important;border-radius:12px;padding:14px!important;cursor:pointer;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;align-items:stretch;border:1px solid var(--lumo-contrast-10pct);box-shadow:var(--lumo-box-shadow-xs);margin:5px 8px!important;width:calc(100% - 16px)!important;box-sizing:border-box;gap:8px!important}.kanban-view .kanban-grid__card:hover{border-color:var(--lumo-primary-color);box-shadow:var(--lumo-box-shadow-m);transform:translateY(-1px)}.kanban-grid__card .kanban-card-title{color:var(--lumo-header-text-color);font-weight:600;font-size:14px;line-height:1.3}.kanban-grid__card .kanban-card-description{color:var(--lumo-secondary-text-color)}.kanban-card-metrics>*{background:var(--lumo-contrast-10pct)!important;border:1px solid var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color)!important;border-radius:6px!important;padding:3px 8px!important;font-size:11px!important;line-height:1.3!important;display:inline-flex!important;align-items:center;gap:3px}.kanban-card-metrics vaadin-icon{width:12px!important;height:12px!important;--vaadin-icon-size: 12px}.kanban-grid__card vaadin-avatar-group{margin-top:0!important}.kanban-grid__card vaadin-avatar-group [part=avatar],.kanban-grid__card vaadin-avatar{width:26px!important;height:26px!important;font-size:11px!important;border:2px solid var(--lumo-base-color)}.kanban-grid__card .kanban-card-ticket{display:inline-block;background:var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color);font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;letter-spacing:.3px}.kanban-view img{border-radius:unset;flex-shrink:unset;height:unset;margin-right:unset;width:unset}.kanban-view .kanban-grid__card-header{text-wrap:wrap;align-items:baseline}.kanban-column-wrapper>.kanban-quick-add{flex-shrink:0;border-top:1px solid var(--lumo-contrast-10pct);background:transparent}.kanban-quick-add{padding:6px 8px 10px;display:flex;flex-direction:column;gap:6px}.kanban-quick-add-button{width:100%!important;justify-content:flex-start!important;color:var(--lumo-secondary-text-color)!important;background:transparent!important;border-radius:8px!important;font-weight:500!important;padding:8px 12px!important;height:auto!important;transition:background .12s ease,color .12s ease}.kanban-quick-add-button:hover{background:var(--lumo-contrast-10pct)!important;color:var(--lumo-body-text-color)!important}.kanban-quick-add-input{background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-20pct)!important;border-radius:8px;padding:6px!important;margin:0!important}.kanban-quick-add-input:focus-within{border-color:var(--lumo-primary-color)!important;box-shadow:0 0 0 3px var(--lumo-primary-color-10pct)}.kanban-add-list-wrapper{width:280px;min-width:280px;flex-shrink:0;align-self:flex-start;margin:0;padding:0;height:fit-content}.kanban-add-list-wrapper>vaadin-button{width:100%;background-color:transparent!important;color:var(--lumo-secondary-text-color)!important;border:1px dashed var(--lumo-contrast-30pct);border-radius:10px;height:44px;font-weight:500;cursor:pointer;transition:all .15s ease}.kanban-add-list-wrapper>vaadin-button:hover{background-color:var(--lumo-contrast-5pct)!important;border-color:var(--lumo-contrast-50pct);color:var(--lumo-body-text-color)!important}.possible-drop-zone{transition:box-shadow .15s ease-in-out}.kanban-column-wrapper.drop-zone-left{box-shadow:-4px 0 0 var(--lumo-primary-color)!important;transition:box-shadow .15s ease-in-out}.kanban-column-wrapper.drop-zone-right{box-shadow:4px 0 0 var(--lumo-primary-color)!important;transition:box-shadow .15s ease-in-out}.kanban-view vaadin-grid-cell-content[dragging]{opacity:.5}.kanban-filter-bar{background:var(--lumo-base-color);border-radius:0;padding:8px 16px;margin:0;display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:8px;align-items:center;border:none;border-bottom:1px solid var(--lumo-contrast-10pct);box-shadow:none;width:100%;box-sizing:border-box}.kanban-filter-bar vaadin-text-field{margin:0!important;--lumo-size-m: 32px;flex-shrink:0}.kanban-filter-bar vaadin-text-field::part(input-field){height:32px;background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-20pct);border-radius:8px;box-shadow:none}.kanban-filter-bar vaadin-button{flex-shrink:0;height:32px!important;min-width:auto!important}.kanban-filter-bar vaadin-multi-select-combo-box{display:none}.project-board-full{height:100vh;background:var(--lumo-contrast-5pct)}.project-board-full .kanban-view{background:transparent}.board-summary-header{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--lumo-base-color);border-bottom:1px solid var(--lumo-contrast-10pct);flex-wrap:wrap}.board-summary-stat{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border-radius:8px;min-width:100px;background:var(--lumo-contrast-5pct);border:1px solid var(--lumo-contrast-10pct)}.board-summary-stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--lumo-secondary-text-color)}.board-summary-stat-value{font-size:18px;font-weight:700;color:var(--lumo-header-text-color);line-height:1.2}.board-summary-stat-value.muted{color:var(--lumo-secondary-text-color)}.board-summary-stat-value.success{color:var(--lumo-success-text-color)}.board-summary-stat-value.warn{color:var(--lumo-primary-text-color)}.board-summary-stat-value.danger{color:var(--lumo-error-text-color)}.kanban-view .kanban-grid__card vaadin-icon{color:inherit}.hours-progress-block{background:var(--lumo-contrast-5pct);border:1px solid var(--lumo-contrast-10pct);border-radius:10px;padding:8px 10px;box-sizing:border-box}.hours-progress-block vaadin-progress-bar{height:8px!important;border-radius:999px!important;overflow:hidden;background-color:var(--lumo-contrast-10pct)!important}.hours-progress-block vaadin-progress-bar [part=bar]{background-color:transparent!important}.hours-progress-block vaadin-progress-bar [part=value]{background-color:var(--vaadin-progress-value-color, var(--lumo-success-color))!important;border-radius:999px!important;transition:width .22s ease,background .22s ease;min-width:4px}.hours-progress-block .hours-progress-line{font-size:12px!important;font-weight:600;margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--lumo-body-text-color)}.hours-progress-block .hours-progress-tail{font-weight:600;padding:2px 8px;border-radius:999px;font-size:11px;background:var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color);white-space:nowrap}.hours-progress-block.is-warn .hours-progress-tail{background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color)}.hours-progress-block.is-over .hours-progress-tail{background:var(--lumo-error-color-10pct);color:var(--lumo-error-text-color)}.hours-progress-block.is-compact{padding:6px 8px;border-radius:8px}.hours-progress-block.is-compact vaadin-progress-bar{height:6px!important}.hours-progress-block.is-compact .hours-progress-line{font-size:11px!important;margin-top:4px}.hours-progress-block.is-compact .hours-progress-tail{font-size:10px;padding:1px 6px}@media(max-width:640px){.kanban-view{padding:8px 8px 12px;gap:8px}.kanban-column-wrapper{width:280px!important;min-width:280px!important;max-height:calc(100vh - 160px)}.kanban-add-list-wrapper{width:240px;min-width:240px}.kanban-view .kanban-grid__card{padding:10px!important;margin:3px 6px!important;width:calc(100% - 12px)!important;border-radius:8px}.kanban-grid__card-header{gap:4px!important}.kanban-grid__card .kanban-card-title{font-size:13px!important;line-height:1.3!important}.kanban-grid__card .kanban-card-description{font-size:11px!important;-webkit-line-clamp:2!important}.kanban-grid__card .kanban-card-metrics{gap:3px!important}.kanban-grid__card .kanban-card-metrics>*{font-size:10px!important;padding:1px 5px!important}.hours-progress-block{margin-top:4px!important}.kanban-filter-bar{padding:6px 8px;gap:6px}.kanban-column-header{padding:8px 8px 6px}}@media(max-width:1024px)and (min-width:641px){.kanban-column-wrapper{width:300px!important;min-width:300px!important}}.kanban-view,.kanban-view vaadin-grid,.kanban-column-wrapper{scrollbar-width:thin;scrollbar-color:transparent}[theme~=dark] .kanban-view,[theme~=dark] .kanban-view vaadin-grid,[theme~=dark] .kanban-column-wrapper{scrollbar-color:transparent}.kanban-view::-webkit-scrollbar,.kanban-view vaadin-grid::-webkit-scrollbar,.kanban-column-wrapper::-webkit-scrollbar{width:10px;height:10px}.kanban-view::-webkit-scrollbar-track,.kanban-view vaadin-grid::-webkit-scrollbar-track,.kanban-column-wrapper::-webkit-scrollbar-track{background:transparent}.kanban-view::-webkit-scrollbar-thumb,.kanban-view vaadin-grid::-webkit-scrollbar-thumb,.kanban-column-wrapper::-webkit-scrollbar-thumb{background:var(--lumo-contrast-30pct);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background-color .12s ease}.kanban-view::-webkit-scrollbar-thumb:hover,.kanban-view vaadin-grid::-webkit-scrollbar-thumb:hover,.kanban-column-wrapper::-webkit-scrollbar-thumb:hover{background:var(--lumo-contrast-60pct);background-clip:padding-box}[theme~=dark] .kanban-view::-webkit-scrollbar-thumb,[theme~=dark] .kanban-view vaadin-grid::-webkit-scrollbar-thumb,[theme~=dark] .kanban-column-wrapper::-webkit-scrollbar-thumb{background:var(--lumo-contrast-40pct);background-clip:padding-box}[theme~=dark] .kanban-view::-webkit-scrollbar-thumb:hover,[theme~=dark] .kanban-view vaadin-grid::-webkit-scrollbar-thumb:hover,[theme~=dark] .kanban-column-wrapper::-webkit-scrollbar-thumb:hover{background:var(--lumo-contrast-70pct);background-clip:padding-box}.kanban-view::-webkit-scrollbar-corner,.kanban-view vaadin-grid::-webkit-scrollbar-corner,.kanban-column-wrapper::-webkit-scrollbar-corner{background:transparent}.board-view{height:100%;background:#fafafa}[theme~=dark] .board-view{background:#121216}.board-layout{height:100%;width:100%;gap:0;align-items:stretch}.board-sidebar{width:260px;min-width:260px;flex-shrink:0;background:#fff;border-right:1px solid hsl(240 6% 90%);padding:12px;height:100%;box-sizing:border-box;gap:10px;overflow:hidden}[theme~=dark] .board-sidebar{background:#1d1d20;border-right-color:#36363a}.board-sidebar vaadin-text-field{margin:0;--lumo-size-m: 32px}.board-sidebar vaadin-text-field::part(input-field){height:32px;background:#f4f4f5;border:1px solid hsl(240 6% 90%);border-radius:8px}[theme~=dark] .board-sidebar vaadin-text-field::part(input-field){background:#26262b;border-color:#36363a}.board-sidebar-item{display:flex;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s ease;color:#3c3c44;-webkit-user-select:none;user-select:none}[theme~=dark] .board-sidebar-item{color:#c9c9cf}.board-sidebar-item:hover{background:#f2f2f3}[theme~=dark] .board-sidebar-item:hover{background:#2b2b31}.board-sidebar-item.active{background:#3c83f6;color:#fff!important}.board-sidebar-item.active span{color:#fff!important}.board-sidebar-item.my-tasks-pinned{margin-bottom:2px}.board-sidebar-item.mentions-pinned{margin-bottom:4px;padding-bottom:12px;border-bottom:1px solid hsl(240 6% 90%);border-radius:8px 8px 0 0}[theme~=dark] .board-sidebar-item.mentions-pinned{border-bottom-color:#36363a}.board-canvas{flex:1 1 auto;min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column}.board-canvas>.kanban__container{width:100%;height:100%}.board-canvas.my-tasks-view{overflow-y:auto}.my-tasks-row:hover,.mention-row:hover{background:#f4f4f5!important}[theme~=dark] .my-tasks-row:hover,[theme~=dark] .mention-row:hover{background:#26262b!important}.board-canvas.mentions-view{overflow-y:auto}.task-drawer .details-drawer__content{padding:24px 28px!important;max-width:100%!important;background:var(--lumo-base-color)}.details-drawer.task-drawer{--details-drawer-width: min(840px, 92vw);width:var(--details-drawer-width);min-width:360px;border-left:1px solid var(--lumo-contrast-10pct)}.details-drawer.task-drawer:not([open]){margin-right:calc(var(--details-drawer-width) * -1)!important}.task-drawer .details-drawer__header{border-bottom:1px solid var(--lumo-contrast-10pct);padding:12px 20px!important;background:var(--lumo-base-color)}.task-drawer .details-drawer__footer{border-top:1px solid var(--lumo-contrast-10pct);padding:12px 20px!important;background:var(--lumo-contrast-5pct)}.task-detail-name{font-size:22px!important;font-weight:700!important;border:none!important;box-shadow:none!important;background:transparent!important;padding:8px 0!important;margin:0!important;--vaadin-input-field-border-width: 0 !important;--vaadin-input-field-background: transparent !important;width:100%;color:var(--lumo-header-text-color)}.task-detail-name input{font-size:22px!important;font-weight:700!important;letter-spacing:-.2px}.task-detail-name:hover input,.task-detail-name:focus-within input{background:var(--lumo-contrast-5pct)!important;border-radius:6px}.task-detail-body{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:4px;align-items:start}@media(max-width:900px){.task-detail-body{grid-template-columns:1fr}}.task-detail-section-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--lumo-secondary-text-color);margin:14px 0 6px;display:flex;align-items:center;gap:6px}.task-detail-section-header vaadin-icon{width:13px;height:13px;color:var(--lumo-secondary-text-color)}.task-properties{background:var(--lumo-contrast-5pct);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;height:fit-content;border:1px solid var(--lumo-contrast-10pct);position:sticky;top:0}.task-properties vaadin-multi-select-combo-box::part(input-field),.task-drawer vaadin-multi-select-combo-box::part(input-field){flex-wrap:wrap!important;height:auto!important;min-height:var(--lumo-size-m);padding-top:4px;padding-bottom:4px}.task-attachments-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))!important}.task-property-row{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px;padding:4px 0}.task-property-label{font-size:12px;font-weight:600;color:var(--lumo-secondary-text-color)}.task-property-row vaadin-combo-box,.task-property-row vaadin-multi-select-combo-box,.task-property-row vaadin-date-picker,.task-property-row vaadin-number-field,.task-property-row vaadin-text-field{width:100%;margin:0!important}.task-properties-row{display:flex;flex-wrap:wrap;gap:10px;padding:12px;background:var(--lumo-contrast-5pct);border:1px solid var(--lumo-contrast-10pct);border-radius:10px;align-items:center}.task-property-inline{display:inline-flex;align-items:center;gap:6px;background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:8px;padding:4px 8px;min-height:36px}.task-property-inline>vaadin-icon{color:var(--lumo-secondary-text-color);flex-shrink:0}.task-property-inline vaadin-combo-box,.task-property-inline vaadin-multi-select-combo-box,.task-property-inline vaadin-date-picker{margin:0;--lumo-size-m: 28px}.task-property-inline vaadin-combo-box::part(input-field),.task-property-inline vaadin-multi-select-combo-box::part(input-field),.task-property-inline vaadin-date-picker::part(input-field){background:transparent;border:none!important;box-shadow:none!important;padding:0!important;height:28px}.task-detail-body-full{width:100%}.task-detail-description{width:100%;min-height:140px;border:1px solid var(--lumo-contrast-10pct)!important;border-radius:8px;--vaadin-input-field-border-width: 0;--vaadin-input-field-background: transparent;padding:4px!important;transition:border-color .12s ease}.task-detail-description:focus-within{border-color:var(--lumo-primary-color)!important;box-shadow:0 0 0 3px var(--lumo-primary-color-10pct)}.task-comment-row{display:flex;gap:10px;padding:10px 12px;border-radius:8px;background:var(--lumo-contrast-5pct);transition:background .12s ease;border:1px solid var(--lumo-contrast-10pct)}.task-comment-row:hover{background:var(--lumo-contrast-10pct)}.task-comment-row.comment-focus-pulse{animation:task-comment-pulse 3s ease-in-out}@keyframes task-comment-pulse{0%{background:var(--lumo-primary-color-10pct);box-shadow:0 0 0 1px var(--lumo-primary-color-10pct) inset}20%{background:var(--lumo-primary-color-10pct);box-shadow:0 0 0 1px var(--lumo-primary-color-50pct) inset}to{background:var(--lumo-contrast-5pct);box-shadow:none}}.task-comment-row .comment-markup{color:var(--lumo-body-text-color);line-height:1.55;word-break:break-word}.task-comment-row .comment-markup .mention-chip{display:inline-flex;align-items:center;gap:3px;padding:1px 7px 1px 3px;margin:0 1px;border-radius:999px;background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color);font-weight:600;white-space:nowrap;line-height:1.15;vertical-align:middle}.task-comment-row .comment-markup .mention-avatar{width:14px;height:14px;min-width:14px;font-size:8px;letter-spacing:0;flex-shrink:0}.mention-chip{display:inline-flex;align-items:center;gap:3px;padding:1px 6px 1px 3px;background:var(--lumo-primary-color-10pct, rgba(59,102,245,.1));color:var(--lumo-primary-text-color, #2563eb);border-radius:4px;font-weight:600;font-size:.88em;line-height:1;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;vertical-align:middle}.avatar{width:30px;height:30px;min-width:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;flex-shrink:0;letter-spacing:-.5px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.avatar.has-image{color:transparent}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.mention-avatar{width:16px;height:16px;min-width:16px;font-size:9px;letter-spacing:0;flex-shrink:0}.task-comment-row .comment-markup strong,.task-comment-row .comment-markup b{font-weight:700}.task-comment-row .comment-markup em,.task-comment-row .comment-markup i{font-style:italic}.task-comment-row .comment-markup code{display:inline-block;padding:1px 6px;border-radius:6px;background:var(--lumo-contrast-10pct);color:var(--lumo-body-text-color);font-family:var(--lumo-font-family-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace),serif;font-size:.92em}code{display:inline-block;vertical-align:middle;min-height:1.45em;padding:0 7px;margin:0 1px;border-radius:6px;background:var(--lumo-contrast-10pct, rgba(0, 0, 0, .07));border:1px solid var(--lumo-contrast-20pct, rgba(0, 0, 0, .12));color:var(--lumo-primary-text-color, #2563eb);font-family:var(--lumo-font-family-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace),serif;font-size:.94em;line-height:1.35;white-space:pre-wrap;word-break:break-word}.task-comment-composer{margin-top:8px;display:block;width:100%}.task-comment-composer:focus-within{outline:none}.task-attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:4px}.task-attachment-tile{border:1px solid var(--lumo-contrast-10pct);border-radius:10px;padding:8px;display:flex;flex-direction:column;align-items:center;background:var(--lumo-base-color);transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.task-attachment-tile:hover{border-color:var(--lumo-primary-color);transform:translateY(-1px);box-shadow:var(--lumo-box-shadow-xs)}.task-attachments-upload-hint{color:var(--lumo-secondary-text-color);font-size:11px;font-style:italic;margin-top:4px}.checklist-text-area{--vaadin-input-field-input-min-height: 1.6em}.checklist-text-area::part(input-field){max-height:none!important;overflow:visible!important}.checklist-text-area textarea{max-height:4.8em!important;overflow-y:auto!important;line-height:1.5!important;padding:4px 0!important}.checklist-text-area-done::part(input-field){background:transparent!important}.checklist-text-area-done textarea{text-decoration:line-through!important;text-decoration-color:var(--lumo-secondary-text-color)!important;text-decoration-thickness:1.5px!important;color:var(--lumo-secondary-text-color)!important;opacity:.85!important}.checklist-text-area-info textarea{font-style:italic!important;color:var(--lumo-secondary-text-color)!important}.checklist-text-area-info-done textarea{text-decoration:line-through!important;text-decoration-color:var(--lumo-secondary-text-color)!important;text-decoration-thickness:1.5px!important;opacity:.7!important}.checklist-details-references{max-width:100%;box-sizing:border-box}.checklist-details-chips{flex-wrap:wrap!important}.checklist-details-editor{width:100%!important}@media(max-width:640px){.checklist-details-editor{max-height:35vh!important}.checklist-details-references{padding:10px!important}}.checklist-row-draggable{cursor:grab;transition:background .12s ease,opacity .12s ease}.checklist-row-draggable.dragging{opacity:.4}.checklist-row-draggable.drag-over{background:var(--lumo-primary-color-10pct)!important;box-shadow:inset 0 2px 0 var(--lumo-primary-color)}.checklist-group-draggable.dragging{opacity:.6}.checklist-group-draggable.drag-over-cl{border-color:var(--lumo-primary-color)!important;box-shadow:0 0 0 2px var(--lumo-primary-color-10pct)}.customer-portal vaadin-tabs{background:transparent!important;padding:4px}.customer-portal vaadin-tab{border-radius:8px;padding:8px 14px!important;font-weight:500;font-size:13px;color:#55555e;transition:background .12s ease,color .12s ease}.customer-portal vaadin-tab:hover{background:#f2f2f3;color:#18181b}.customer-portal vaadin-tab[selected]{background:#3c83f6;color:#fff}.customer-portal vaadin-tab[selected]:hover{background:#2474f5;color:#fff}.client-request-card{background:#fff;border:1px solid hsl(240 6% 90%);border-radius:12px;padding:18px 28px 18px 22px;box-sizing:border-box;width:100%;max-width:100%;overflow-wrap:anywhere;word-break:break-word;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.client-request-card:hover{border-color:#6da2f8;box-shadow:0 4px 14px #0000000f;transform:translateY(-1px)}.client-request-card:focus-visible{outline:2px solid hsl(217 91% 60%);outline-offset:2px}.customer-portal .portal-shell .client-request-card{margin-right:4px}@media(max-width:640px){.client-request-card{padding:14px 16px;border-radius:10px}.client-request-card .convo-title{font-size:14px}}.client-request-form{background:#fff;border:1px solid hsl(240 6% 92%);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000a}.client-comment-bubble{background:#f4f4f5;border-radius:10px;padding:10px 12px;font-size:13px}.client-comment-bubble.mine{background:#e7f0fe;border:1px solid hsl(217 91% 88%)}[theme~=dark] .customer-portal vaadin-tab{color:#afafb6}[theme~=dark] .customer-portal vaadin-tab:hover{background:#2b2b31;color:#f2f2f3}[theme~=dark] .client-request-card,[theme~=dark] .client-request-form{background:#222226;border-color:#36363a}[theme~=dark] .client-comment-bubble{background:#2b2b31}.customer-portal .portal-shell{width:100%;height:100%;gap:0}.customer-portal .portal-side-tabs vaadin-tab{width:100%;margin:2px 0;border-radius:8px;padding:10px 12px!important;font-size:13px;color:#494950;transition:background .12s ease,color .12s ease;justify-content:flex-start}.customer-portal .portal-side-tabs vaadin-tab:hover{background:#efeff0;color:#18181b}.customer-portal .portal-side-tabs vaadin-tab[selected]{background:#3c83f6;color:#fff}.customer-portal .portal-side-tabs vaadin-tab[selected]:hover{background:#2474f5}.customer-portal .portal-side-tabs vaadin-tab[selected] vaadin-icon{color:#fff}[theme~=dark] .customer-portal .portal-side-tabs{background:#1a1a1e;border-right-color:#313135}[theme~=dark] .customer-portal .portal-side-tabs vaadin-tab{color:#afafb6}[theme~=dark] .customer-portal .portal-side-tabs vaadin-tab:hover{background:#2b2b31;color:#f2f2f3}@media(max-width:768px){.customer-portal .portal-shell{flex-direction:column!important}.customer-portal .portal-side-tabs{flex:0 0 auto;width:100%;min-width:0;border-right:none;border-bottom:1px solid hsl(240 6% 92%);padding:8px;overflow-x:auto;overflow-y:hidden}.customer-portal .portal-side-tabs vaadin-tabs{flex-direction:row!important;overflow-x:auto}.customer-portal .portal-side-tabs vaadin-tab{flex:0 0 auto;white-space:nowrap}.customer-portal .portal-tab-label{display:inline}}.convo-title{font-weight:700;font-size:15px;color:#1d1d20;line-height:1.3;word-break:break-word}.convo-snippet{font-size:13px;color:#55555e;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.convo-meta{font-size:12px;color:#7a7a85}.convo-cta{align-self:flex-start;border-radius:8px!important;font-weight:600!important}[theme~=dark] .convo-title{color:#f2f2f3}[theme~=dark] .convo-snippet{color:#bdbdc2}[theme~=dark] .convo-meta{color:#95959d}.client-conversation-detail .convo-bubble{box-shadow:0 1px 2px #0000000a}[theme~=dark] .client-conversation-detail .convo-bubble.mine{background:#153c79!important;border-color:#1b4b98!important;color:#f2f2f3}[theme~=dark] .client-conversation-detail .convo-bubble.theirs{background:#2b2b31!important;border-color:#3d3d42!important;color:#f2f2f3}@media(max-width:768px){.customer-portal .client-request-card{padding:14px}.convo-title{font-size:14px}.convo-snippet{-webkit-line-clamp:3}.convo-cta{width:100%;align-self:stretch;padding-top:10px!important;padding-bottom:10px!important}.client-request-form{padding:16px;margin:8px!important}.client-request-form vaadin-button{width:100%}.client-conversation-detail .convo-bubble{max-width:88%!important}}.customer-portal vaadin-avatar{font-weight:600}.customer-portal .portal-shell{height:100vh;min-height:0;overflow:hidden}.customer-portal .portal-sidebar{flex:0 0 240px;min-width:240px;background:#fafafa;border-right:1px solid hsl(240 6% 92%);padding:16px 8px;box-sizing:border-box;height:100%;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease}.customer-portal .portal-side-tabs{flex:1 1 auto;min-height:0;overflow-y:auto}.customer-portal .portal-shell>.flexBoxLayout:not(.portal-sidebar),.customer-portal .portal-shell>div:not(.portal-sidebar){height:100%;min-height:0;overflow-y:auto}.customer-portal .portal-side-header{border-bottom:1px solid hsl(240 6% 92%);margin-bottom:8px}[theme~=dark] .customer-portal .portal-sidebar{background:#1a1a1e;border-right-color:#313135}[theme~=dark] .customer-portal .portal-side-header{border-bottom-color:#313135}.customer-portal .portal-hamburger{display:none;margin-bottom:8px;width:40px;height:40px}@media(max-width:768px){.customer-portal .portal-hamburger{display:inline-flex}.customer-portal .portal-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;transform:translate(-100%);box-shadow:0 0 24px #00000026}.customer-portal .portal-shell.nav-open .portal-sidebar{transform:translate(0)}.customer-portal .portal-shell.nav-open:before{content:"";position:fixed;inset:0;background:#0006;z-index:49}}.customer-portal .portal-sidebar,.customer-portal .portal-side-tabs{scrollbar-width:none;-ms-overflow-style:none}.customer-portal .portal-sidebar::-webkit-scrollbar,.customer-portal .portal-side-tabs::-webkit-scrollbar{display:none}.customer-portal .portal-side-tabs::part(forward-button),.customer-portal .portal-side-tabs::part(back-button){display:none!important}.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-multi-select-combo-box::part(input-field){flex-wrap:wrap!important;height:auto!important;min-height:var(--lumo-size-m);padding:4px 8px!important;align-items:flex-start!important}vaadin-multi-select-combo-box::part(overflow),vaadin-multi-select-combo-box::part(overflow-one),vaadin-multi-select-combo-box::part(overflow-two),vaadin-multi-select-combo-box::part(overflow-three){display:none!important}vaadin-multi-select-combo-box vaadin-multi-select-combo-box-chip{white-space:normal!important}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}