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)}.app-bar__main-action-items{background:var(--lumo-base-color);color:var(--lumo-secondary-text-color)}@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__content{margin-left:var(--lumo-space-s);cursor:default}.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-min-width: 352px;--details-drawer-min-list-width: 400px}.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-m)}.details-drawer:not([open])[position=bottom]{transform:translateY(100%);transition:transform var(--transition-duration-m)}}@media (min-width: 720px){.details-drawer[position=bottom]{height:400px;transition:margin-bottom var(--transition-duration-m)}.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-m),margin-right var(--transition-duration-m)}.details-drawer[position=right][open]{margin-right:0;transition:margin-right var(--transition-duration-m)}.details-drawer[position=bottom][open]{margin-bottom:0;transition:margin-bottom var(--transition-duration-m)}.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-m)}}: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}vaadin-grid.grid-transparent,vaadin-grid.grid-transparent::part(body-cell){background-color:transparent}vaadin-grid.small-grid::part(first-header-row-cell),vaadin-grid.small-grid::part(no-mobile-column-header),vaadin-grid.small-grid::part(no-mobile-column-footer),vaadin-grid.small-grid::part(no-mobile-column){display:none!important}vaadin-grid.small-grid::part(mobile-column){display:block!important}vaadin-grid.large-grid::part(mobile-column-header),vaadin-grid.large-grid::part(mobile-column-footer),vaadin-grid.large-grid::part(mobile-column){display:none!important}vaadin-grid{--grid-width: 100%}vaadin-grid.small-grid{--vaadin-grid-cell-padding: .5rem 0}vaadin-grid.responsive-grid{transition:all .3s ease}@media (min-width: 480px){vaadin-grid.responsive-grid::part(mobile-column-header),vaadin-grid.responsive-grid::part(mobile-column){display:none}}@media (max-width: 479px){vaadin-grid::part(no-mobile-column),vaadin-grid.responsive-grid::part(no-mobile-column),vaadin-grid.responsive-grid::part(no-mobile-column-header),vaadin-grid.responsive-grid::part(first-header-row-cell){display:none}vaadin-grid{--vaadin-grid-cell-padding: .5rem 0}}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.grid-no-border{border-radius:0;border:none;box-shadow:none}vaadin-grid.grid-no-padding{--vaadin-grid-cell-padding: 0px 0px 0px 0px}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{min-width:15rem;min-height:30rem;max-width:85vw;max-height:90vh}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}vaadin-grid::part(dash-selected-row){background-color:var(--lumo-primary-color-10pct);pointer-events:none;cursor:default}vaadin-grid::part(dash-selected-row first-column-cell):before{background-color:#007bff33!important}.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__content,.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!important}.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-item{position:relative}.super-admin-item:after{content:"🔒";position:absolute;left:.2rem;font-size:.9rem;color:var(--lumo-tertiary-text-color)}.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) and (max-width: 1200px){.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}.editable-field::part(input-field),.editable-field__description-open::part(input-field),.editable-field__description-closed::part(input-field){background:none;box-shadow:none;border-bottom:1px solid var(--lumo-contrast-30pct);border-radius:0}.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){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-contrast-5pct);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%}}vaadin-confirm-dialog-overlay[theme~=custom-dialog]::part(overlay){border-radius:14px;border:1px solid var(--lumo-contrast-10pct);background:var(--lumo-base-color);box-shadow:0 22px 60px #00000047,0 4px 14px #00000029;max-width:560px;transform:scale(.98) translateY(4px);opacity:0;animation:stdOverlayIn .24s cubic-bezier(.2,0,.2,1) forwards;-webkit-backdrop-filter:blur(10px) saturate(115%);backdrop-filter:blur(10px) saturate(115%)}vaadin-confirm-dialog-overlay[theme~=custom-dialog]::part(header){padding:18px 22px 0;display:grid;place-items:center;text-align:center;font-weight:700;letter-spacing:.15px}vaadin-confirm-dialog-overlay[theme~=custom-dialog]::part(content){padding:8px 22px 14px}vaadin-confirm-dialog-overlay[theme~=custom-dialog]::part(content)>*{display:grid;gap:10px;place-items:center;text-align:center;line-height:1.45;color:var(--lumo-secondary-text-color)}vaadin-confirm-dialog-overlay[theme~=custom-dialog]::part(footer){padding:12px 18px 18px;border-top:1px solid var(--lumo-contrast-10pct);background:color-mix(in srgb,var(--lumo-base-color) 92%,transparent)}vaadin-confirm-dialog-overlay[theme~=custom-dialog]::part(confirm-button){font-weight:700}vaadin-confirm-dialog-overlay[theme~=custom-dialog]::part(cancel-button){color:var(--lumo-primary-text-color);font-weight:600}.custom-dialog-icon{font-size:clamp(45px,3.4vw,45px);display:block;margin:0 auto;position:relative;isolation:isolate;backface-visibility:hidden;opacity:0;transform:scale(.92) translateY(2px);animation:stdIconIn .22s cubic-bezier(.2,0,.2,1) 60ms forwards;filter:drop-shadow(0 10px 24px rgba(0,0,0,.2)) drop-shadow(0 3px 8px rgba(0,0,0,.16));color:currentColor;pointer-events:none;will-change:transform,opacity}.custom-dialog-icon:before{content:"";position:absolute;inset:-8%;border-radius:999px;background:radial-gradient(circle,currentColor 62%,currentColor 62%);-webkit-mask:radial-gradient(circle,transparent 0 60%,black 61%);mask:radial-gradient(circle,transparent 0 60%,black 61%);opacity:0;transform:scale(.85);filter:blur(.6px) saturate(110%);animation:stdFocusRing .42s cubic-bezier(.2,0,.2,1) .11s forwards;pointer-events:none;will-change:transform,opacity,filter}.custom-dialog-icon:after{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(55% 55% at 50% 45%,color-mix(in srgb,currentColor 16%,transparent) 0%,transparent 70%);filter:blur(7px);opacity:0;transform:scale(.9);animation:stdAura .52s ease-out .14s forwards;pointer-events:none;will-change:transform,opacity,filter}@keyframes stdOverlayIn{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes stdIconIn{0%{opacity:0;transform:scale(.92) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes stdFocusRing{0%{opacity:0;transform:scale(.85);filter:blur(1px)}40%{opacity:.9;transform:scale(1.04)}to{opacity:0;transform:scale(1.22);filter:blur(.6px)}}@keyframes stdAura{0%{opacity:0;transform:scale(.9)}40%{opacity:.45;transform:scale(1.06)}to{opacity:0;transform:scale(1.18)}}@media (prefers-reduced-motion: reduce){vaadin-confirm-dialog-overlay[theme~=custom-dialog]::part(overlay){animation:none!important}.custom-dialog-icon,.custom-dialog-icon:before,.custom-dialog-icon:after{animation:none!important;transform:none!important;opacity:1!important;filter:none!important}}.custom-dialog-icon-wrap{display:flex;justify-content:center;align-items:center;padding-top:.5rem}.custom-dialog-icon-svg{font-size:3em;display:block;margin:0 auto;opacity:0;transform:translateY(-30px) scale(.9);animation:iconProfessionalDropIn .9s cubic-bezier(.42,0,.58,1) forwards;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}.custom-dialog-icon-svg.error{color:var(--lumo-error-color, #e11)}.custom-dialog-icon-svg.success{color:var(--lumo-success-color, #0a0)}.custom-dialog-icon-svg.primary{color:var(--lumo-primary-color, #06f)}.custom-dialog-body{padding:.5rem 1rem 1rem;text-align:center}.custom-dialog-message{margin:.25rem 0;line-height:1.4}.custom-dialog--delete ::part(vaadin-confirm-dialog-confirm-button){background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff}@keyframes iconProfessionalDropIn{0%{opacity:0;transform:translateY(-30px) scale(.85)}30%{opacity:.6;transform:translateY(10px) scale(1)}60%{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.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)}}.minicalendar{padding-top:var(--lumo-space-m)}.minicalendar .title{color:var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color));font-weight:var(--vaadin-input-field-label-font-weight, 500);font-size:var(--vaadin-input-field-label-font-size, var(--lumo-font-size-s))}.minicalendar .weekday{font-family:var(--lumo-font-family)}.minicalendar .day{background-color:#0069ff11;color:#0060e6}.minicalendar .day.disabled{background-color:transparent;color:var(--lumo-disabled-text-color, #b3b3b3)}.minicalendar .day.highlight-weekend{background-color:var(--lumo-contrast-5pct)}.minicalendar .day.highlight-current-day{text-decoration-line:underline}.minicalendar .day.selected{color:#fff}.minicalendar[disabled] .day,.minicalendar[disabled] .weekday,.minicalendar .day.disabled{color:var(--lumo-disabled-text-color)}.minicalendar .day:hover{cursor:pointer}.minicalendar .day.disabled:hover{cursor:not-allowed}.metric-card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);padding:var(--lumo-space-s);padding-bottom:4px;text-align:center;width:200px;cursor:pointer;display:flex;flex-direction:column;align-items:center}.metric-card:hover{transform:scale(1.03)}.metric-title{font-size:var(--lumo-font-size-s);margin-top:11px;font-weight:600;color:var(--lumo-secondary-text-color);text-transform:uppercase}.metric-subtitle{font-size:var(--lumo-font-size-s);color:var(--lumo-tertiary-text-color);margin-bottom:var(--lumo-space-s)}.metric-value{font-size:3rem;font-weight:700;color:var(--lumo-body-text-color);margin:var(--lumo-space-m) 0}.metric-percent{font-size:var(--lumo-font-size-xs);font-weight:500;color:var(--lumo-success-color);margin-top:var(--lumo-space-xs)}.metric-footer{font-size:var(--lumo-font-size-xs);color:var(--lumo-tertiary-text-color)}.metric-card.metric-selected{border:1px solid color-mix(in srgb,var(--lumo-primary-color) 50%,white);box-shadow:0 0 8px 2px color-mix(in srgb,var(--lumo-primary-color) 40%,transparent);transition:border .2s ease,box-shadow .2s ease}:root{--khc-radius: 16px;--khc-height: 160px;--khc-width: 520px;--khc-shade-1: var(--lumo-shade-20pct, rgba(0,0,0,.2));--khc-shade-2: var(--lumo-shade-30pct, rgba(0,0,0,.3));--khc-shade-3: var(--lumo-shade-10pct, rgba(0,0,0,.1))}.kpi-hero-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;width:var(--khc-width);min-width:320px;height:var(--khc-height);border-radius:var(--khc-radius);overflow:hidden;isolation:isolate;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;box-shadow:0 2px 2px color-mix(in oklab,var(--khc-shade-1) 80%,transparent),0 2px 2px color-mix(in oklab,var(--khc-shade-1) 60%,transparent);outline:none}.kpi-hero-card:hover{transform:translateY(-1px);box-shadow:0 4px 32px color-mix(in oklab,var(--khc-shade-2) 85%,transparent),0 4px 10px color-mix(in oklab,var(--khc-shade-1) 70%,transparent)}.kpi-hero-card:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--lumo-base-color) 85%,transparent),0 0 0 6px color-mix(in oklab,var(--lumo-primary-color) 38%,transparent)}.kpi-hero-card{--tone-base: var(--lumo-primary-color);--tone-fg: var(--lumo-header-text-color, var(--lumo-body-text-color))}.kpi-hero-card[data-level=ok]{--tone-base: var(--lumo-success-color)}.kpi-hero-card[data-level=warn]{--tone-base: var(--lumo-warning-color)}.kpi-hero-card[data-level=danger]{--tone-base: var(--lumo-error-color)}.kpi-hero-card{--tone-1: color-mix(in oklab, var(--tone-base) 26%, var(--lumo-base-color));--tone-2: color-mix(in oklab, var(--tone-base) 18%, var(--lumo-base-color));--tone-3: color-mix(in oklab, var(--tone-base) 10%, var(--lumo-base-color))}[theme~=dark] .kpi-hero-card{--tone-1: color-mix(in oklab, var(--tone-base) 30%, var(--lumo-base-color));--tone-2: color-mix(in oklab, var(--tone-base) 22%, var(--lumo-base-color));--tone-3: color-mix(in oklab, var(--tone-base) 14%, var(--lumo-base-color));--tone-fg: var(--lumo-body-text-color)}.khc-surface{position:absolute;inset:0;background:radial-gradient(120% 140% at 16% -24%,var(--tone-1) 0%,transparent 58%),radial-gradient(120% 140% at 100% -8%,var(--tone-2) 0%,transparent 60%),linear-gradient(135deg,var(--tone-2) 0%,var(--tone-3) 100%)}.khc-surface:before,.khc-surface:after{content:"";position:absolute;border-radius:50%;background:color-mix(in oklab,var(--tone-base) 12%,transparent);will-change:transform,opacity}.khc-surface:before{width:320px;height:320px;right:-84px;top:-108px;opacity:.35;filter:blur(.25px);animation:khc-orb-far 22s ease-in-out infinite}.khc-surface:after{width:230px;height:230px;right:-6px;top:22px;opacity:.42;animation:khc-orb-mid 18s ease-in-out infinite}.kpi-hero-card:before{content:"";position:absolute;inset:auto auto 8px -40px;width:240px;height:240px;border-radius:50%;background:color-mix(in oklab,var(--tone-base) 16%,var(--lumo-base-color));filter:blur(.3px);opacity:.46;z-index:0;animation:khc-orb-near 16s ease-in-out infinite}@keyframes khc-orb-far{0%,to{transform:translateZ(0)}50%{transform:translate3d(-8px,6px,0)}}@keyframes khc-orb-mid{0%,to{transform:translateZ(0)}50%{transform:translate3d(-10px,2px,0)}}@keyframes khc-orb-near{0%,to{transform:translateZ(0)}50%{transform:translate3d(-12px,0,0) scale(1.02)}}.kpi-hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in oklab,var(--lumo-base-color) 12%,transparent) 0%,transparent 40%);pointer-events:none}.khc-overlay{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr auto;padding:14px 16px 5px;color:var(--tone-fg)}.khc-header{display:flex;align-items:center;gap:12px}.khc-badge{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in oklab,var(--lumo-base-color) 70%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--lumo-contrast-10pct, rgba(0,0,0,.06)) 80%,transparent);color:var(--tone-fg)}.khc-title-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.khc-title{margin:0;font:800 .98rem/1.1 system-ui,Inter,Segoe UI,Roboto,Arial;letter-spacing:.02em;text-transform:uppercase;color:var(--tone-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.khc-subtitle{font-size:.82rem;color:color-mix(in oklab,var(--tone-fg) 70%,transparent)}.khc-value-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:8px}.khc-value-group{display:flex;align-items:center;gap:10px}.khc-value{font:900 2.25rem/1 system-ui,Inter,Segoe UI,Roboto,Arial;letter-spacing:.01em;color:var(--tone-fg);text-shadow:0 1px 0 color-mix(in oklab,var(--lumo-base-color) 80%,transparent)}.khc-face{display:flex;align-items:flex-end}.khc-face-badge{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:color-mix(in oklab,var(--lumo-base-color) 62%,transparent);box-shadow:inset 0 0 0 1px var(--lumo-contrast-10pct);transform:translateY(2px)}.khc-face-icon{width:18px;height:18px;opacity:.95}.khc-allgood,.kpi-hero-card[data-level=ok][data-allgood=true] .khc-value{display:none}.kpi-hero-card[data-level=ok][data-allgood=true] .khc-allgood{display:inline-flex;align-items:center;gap:.5rem;font-weight:900;font-size:1.4rem;letter-spacing:.01em;border-radius:999px;color:var(--lumo-success-text-color, var(--lumo-body-text-color));animation:khc-pulse 3.8s ease-in-out infinite}.kpi-hero-card[data-level=ok][data-allgood=true] .khc-face-badge{animation:khc-bounce 3.8s ease-in-out infinite}@keyframes khc-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes khc-bounce{0%,to{transform:translateY(2px)}50%{transform:translateY(0)}}.khc-inline-breakdown{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.khc-chip{display:flex;align-items:baseline;gap:6px;padding:6px 10px;border-radius:999px;background:color-mix(in oklab,var(--lumo-base-color) 70%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--lumo-contrast-10pct),transparent 20%);color:var(--tone-fg);-webkit-backdrop-filter:saturate(1.05) blur(2px);backdrop-filter:saturate(1.05) blur(2px);transition:transform .15s ease,box-shadow .15s ease}.khc-chip:hover{transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in oklab,var(--khc-shade-3) 90%,transparent),inset 0 0 0 1px var(--lumo-contrast-20pct)}.khc-chip-label{font-size:.78rem;font-weight:700;opacity:.9}.khc-chip-value{font-size:.82rem;font-weight:900;padding-left:.35rem;margin-left:.35rem;border-left:1px solid var(--lumo-contrast-20pct)}.khc-chip--warn[value-positive=true]{background:color-mix(in oklab,var(--lumo-warning-color) 30%,var(--lumo-base-color));color:var(--lumo-warning-text-color, var(--lumo-body-text-color))}.khc-chip--danger[value-positive=true]{background:color-mix(in oklab,var(--lumo-error-color) 36%,var(--lumo-base-color));color:var(--lumo-error-text-color, var(--lumo-body-text-color))}.khc-footer{margin-top:10px;display:flex;align-items:flex-end;gap:8px 12px;flex-wrap:wrap}.khc-spark{margin-left:auto;display:flex;align-items:flex-end;gap:6px;min-height:28px}.khc-spark-item{display:flex;flex-direction:column;align-items:center;gap:4px}.khc-spark-bar{width:6px;height:max(4px,24px * var(--bar-h, 0));border-radius:3px;background:color-mix(in oklab,var(--tone-base) 55%,var(--lumo-base-color));box-shadow:0 1px color-mix(in oklab,var(--lumo-base-color) 70%,transparent) inset;opacity:.9;transition:height .25s ease,background-color .2s ease}.kpi-hero-card:hover .khc-spark-bar{background:color-mix(in oklab,var(--tone-base) 62%,var(--lumo-base-color))}.khc-spark-label{font:600 .68rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:color-mix(in oklab,var(--lumo-body-text-color),transparent 35%);letter-spacing:.02em;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion: reduce){.khc-surface:before,.khc-surface:after,.kpi-hero-card:before,.kpi-hero-card[data-allgood=true] .khc-allgood,.kpi-hero-card[data-allgood=true] .khc-face-badge{animation:none!important}}@media (max-width: 1100px){:root{--khc-width: 480px}}@media (max-width: 900px){:root{--khc-width: 420px;--khc-height: 152px}.kpi-hero-card{min-width:300px}.khc-value{font-size:2rem}}@media (max-width: 700px){:root{--khc-width: 360px;--khc-height: 148px}.kpi-hero-card{min-width:270px}}.multi-metric-card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);padding:var(--lumo-space-s);padding-bottom:4px;text-align:center;width:auto;cursor:pointer;display:flex;flex-direction:column;align-items:center}.multi-metric-card:hover{transform:scale(1.03)}.multi-metric-subtitle{font-size:var(--lumo-font-size-m);color:var(--lumo-tertiary-text-color);font-weight:400}.multi-metric-value{font-size:3rem;font-weight:700;color:var(--lumo-body-text-color)}.toggle-button{position:relative;display:inline-flex;align-items:center;border-radius:20px;padding:4px;background-color:var(--lumo-contrast-10pct);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:background-color .3s ease,opacity .2s ease}.toggle-button:hover{background-color:var(--lumo-contrast-20pct)}.toggle-selector{position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);background-color:var(--lumo-primary-color);border-radius:20px;z-index:1;transition:transform .24s cubic-bezier(.2,.9,.2,1),background-color .2s ease;transform:translate(0)}.toggle-button[data-on=true] .toggle-selector{transform:translate(100%)}.toggle-button-option{position:relative;z-index:2;padding:6px 12px;border-radius:12px;color:var(--lumo-primary-text-color);display:inline-flex;align-items:center;justify-content:center;font-weight:500;text-align:center}.toggle-button-option.selected{color:#fff;font-weight:600}.toggle-button-option+.toggle-button-option{margin-left:6px}.toggle-button.readonly{opacity:.85}.toggle-button.disabled{opacity:.6;cursor:not-allowed;background-color:var(--lumo-contrast-10pct);pointer-events:none}.toggle-button.disabled .toggle-selector{background-color:var(--lumo-disabled-text, rgba(0,0,0,.12))}.toggle-button.disabled .toggle-button-option{color:var(--lumo-disabled-text, rgba(0,0,0,.38))}.toggle-button.disabled .toggle-button-option.selected{color:var(--lumo-disabled-text, rgba(0,0,0,.6))}.toggle-button:focus-visible{outline:none;box-shadow:0 0 0 3px #6496ff26;border-radius:20px}@media (prefers-reduced-motion: reduce){.toggle-selector{transition:none}}.custom-switch{width:42px;height:22px;border-radius:20px;display:flex;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s ease}.custom-switch-knob{width:18px;height:18px;border-radius:50%;transition:transform .2s ease}.compact-switch{width:32px;height:16px;border-radius:16px;display:flex;align-items:center;padding:2px;transition:all .15s ease;cursor:pointer}.compact-switch-knob{width:12px;height:12px;border-radius:12px;background-color:#fff;transition:all .15s ease}.col-xs-1{grid-column:span 1}.col-xs-2{grid-column:span 2}.col-xs-3{grid-column:span 3}.col-xs-4{grid-column:span 4}.col-xs-5{grid-column:span 5}.col-xs-6{grid-column:span 6}.col-xs-7{grid-column:span 7}.col-xs-8{grid-column:span 8}.col-xs-9{grid-column:span 9}.col-xs-10{grid-column:span 10}@media (min-width: 576px){.col-sm-1{grid-column:span 1}.col-sm-2{grid-column:span 2}.col-sm-10{grid-column:span 10}}@media (min-width: 768px){.col-md-1{grid-column:span 1}.col-md-10{grid-column:span 10}}@media (min-width: 992px){.col-lg-1{grid-column:span 1}.col-lg-10{grid-column:span 10}}.dashboard-column{background-color:#fff;padding:16px;border-radius:var(--custom-border-radius);box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:150px}.dashboard-row{display:grid;grid-template-columns:repeat(10,1fr);gap:16px;padding:0 16px;width:100%;margin-bottom:16px;box-sizing:border-box}@media (max-width: 575px){.dashboard-column{min-height:200px}}@media (min-width: 576px) and (max-width: 767px){.dashboard-column{min-height:250px}}@media (min-width: 768px) and (max-width: 991px){.dashboard-column{min-height:300px}}@media (min-width: 992px) and (max-width: 1199px){.dashboard-column{min-height:350px}}@media (min-width: 1200px){.dashboard-column{min-height:400px}}.top-container{display:flex;justify-content:flex-start;gap:1rem;transition:all .3s ease-in-out;padding:1 rem}.chart-box{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);display:flex;align-items:center;justify-content:start;border:4px solid var(--lumo-base-color)}.carousel-container{display:flex;align-items:center;position:relative;width:100%;overflow:hidden;justify-content:flex-start}.top-scroller{display:flex;align-items:center;gap:1rem;scroll-behavior:smooth;overflow-x:auto;width:100%;min-width:270px;flex-shrink:1}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:10px;border-radius:50%;width:40px;height:40px;display:none;z-index:10;cursor:pointer}.carousel-button.left{left:10px}.carousel-button.right{right:10px}@media (max-width: 300px){.carousel-button{display:block}.square-box{min-width:100px;max-width:100px}}.drawer-open .top-scroller{max-width:calc(100% - 270px)}.hover-update-button{font-size:9px;color:var(--lumo-primary-color-50pct);padding:0;background:none;border:none;box-shadow:none;text-align:left;cursor:pointer;width:fit-content;margin-left:auto;font-style:italic}.hover-update-button:hover{color:var(--lumo-body-text-color);text-decoration:underline}.update-button{--vaadin-button-text-color: var(--lumo-primary-text-color)}.update-button vaadin-icon,.update-button .vaadin-icon,.update-icon{color:currentColor!important;fill:currentColor!important}[class$=__first-status-chart]{align-self:flex-start;margin-bottom:.5rem}@media (max-width: 479px){[class$=__first-status-chart]{align-self:center}}vaadin-combo-box-item.success,vaadin-combo-box-item.error,vaadin-combo-box-item.primary,vaadin-combo-box-item.warning,vaadin-combo-box-item.disabled{border:4px solid var(--lumo-base-color);padding:2px 0;border-radius:8px;font-weight:500}vaadin-combo-box-item.success{color:var(--lumo-success-text-color);background-color:var(--lumo-success-color-10pct)}vaadin-combo-box-item.error{color:var(--lumo-error-text-color);background-color:var(--lumo-error-color-10pct)}vaadin-combo-box-item.primary{color:var(--lumo-primary-text-color);background-color:var(--lumo-primary-color-10pct)}vaadin-combo-box-item.warning{color:var(--lumo-warning-text-color);background-color:var(--lumo-warning-color-10pct)}vaadin-combo-box-item.contrast{color:var(--lumo-contrast-80pct);background-color:var(--lumo-contrast-5pct)}vaadin-combo-box-item.orange{color:var(--lumo-orange-text-color);background-color:var(--lumo-orange-color-10pct)}vaadin-combo-box.success::part(text-field){background-color:var(--lumo-success-color-10pct);color:var(--lumo-success-text-color)}vaadin-combo-box.error::part(text-field){background-color:var(--lumo-error-color-10pct);color:var(--lumo-error-text-color)}vaadin-combo-box.primary::part(text-field){background-color:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color)}vaadin-combo-box.warning::part(text-field){background-color:var(--lumo-warning-color-10pct);color:var(--lumo-warning-text-color)}.floating-speed-dial{--fab-size-main: 64px;--fab-gap: 14px;--fab-radius: 9999px;--fab-accent: var(--lumo-primary-color);--fab-accent-contrast: var(--lumo-primary-contrast-color);--fab-open-bg: color-mix(in srgb, var(--lumo-error-color) 65%, var(--lumo-base-color) 35%);--fab-open-contrast: var(--lumo-error-contrast-color);--item-bg: color-mix(in srgb, var(--lumo-base-color) 88%, transparent);--item-border: var(--lumo-contrast-15pct);--item-hover-bg: color-mix(in srgb, var(--lumo-primary-color) 12%, var(--lumo-base-color) 88%);--item-text: var(--lumo-body-text-color);position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0));right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:var(--fab-gap);z-index:1000}.fab-actions{display:flex;flex-direction:column;align-items:flex-end}.fab-main{width:var(--fab-size-main);height:var(--fab-size-main);border-radius:var(--fab-radius);background:radial-gradient(120% 120% at 1% 20%,color-mix(in srgb,var(--fab-accent) 85%,white 5%),var(--fab-accent));color:var(--fab-accent-contrast);border:1px solid var(--lumo-contrast-10pct);box-shadow:var(--lumo-box-shadow-xl);backdrop-filter:saturate(120%) blur(8px);-webkit-backdrop-filter:saturate(120%) blur(8px);position:relative;overflow:hidden;transition:transform .36s cubic-bezier(.22,1,.36,1),background .22s ease,box-shadow .22s ease,border-color .22s ease}.fab-main:hover{transform:scale(1.06);box-shadow:var(--lumo-box-shadow-xxl)}.fab-main vaadin-icon{width:26px;height:26px}.floating-speed-dial.open .fab-main{transform:rotate(180deg) scale(1.04);background:radial-gradient(120% 120% at 1% 20%,color-mix(in srgb,var(--fab-accent) 85%,white 5%),var(--fab-accent));color:var(--fab-open-contrast);border-color:color-mix(in srgb,var(--lumo-error-color) 20%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--fab-accent) 25%,transparent),var(--lumo-box-shadow-xxl)}.fab-backdrop{position:fixed;inset:0;opacity:0;background:transparent;pointer-events:none;transition:opacity .18s ease;z-index:0}.floating-speed-dial.open .fab-backdrop{opacity:.06;pointer-events:auto}.floating-speed-dial .fab-actions,.floating-speed-dial .fab-main{position:relative;z-index:1}.fab-action-wrapper{display:flex;align-items:center;opacity:0;transform:translateY(14px) scale(.98);filter:blur(1px);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .26s ease,filter .26s ease}.floating-speed-dial.open .fab-action-wrapper{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.floating-speed-dial.open .fab-action-wrapper:nth-child(1){transition-delay:70ms}.floating-speed-dial.open .fab-action-wrapper:nth-child(2){transition-delay:.14s}.floating-speed-dial.open .fab-action-wrapper:nth-child(3){transition-delay:.21s}.floating-speed-dial.open .fab-action-wrapper:nth-child(4){transition-delay:.28s}.floating-speed-dial.open .fab-action-wrapper:nth-child(5){transition-delay:.35s}.fab-item{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;min-height:44px;border-radius:9999px;color:var(--item-text);background:var(--item-bg);border:1px solid var(--item-border);box-shadow:var(--lumo-box-shadow-s);backdrop-filter:saturate(110%) blur(8px);-webkit-backdrop-filter:saturate(110%) blur(8px);transition:transform .16s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.fab-item vaadin-icon{width:20px;height:20px}.fab-item:hover{transform:translateY(-1px);background:var(--item-hover-bg);border-color:var(--lumo-contrast-20pct);box-shadow:var(--lumo-box-shadow-m)}.fab-item:focus-visible{outline:none;box-shadow:0 0 0 3px var(--lumo-primary-color-10pct),0 0 0 6px var(--lumo-primary-color-20pct),var(--lumo-box-shadow-m)}.floating-speed-dial{display:none}@media (max-width: 480px){.floating-speed-dial{display:flex}.hide-mobile-dial .floating-speed-dial,.drawer-open .floating-speed-dial{display:none!important}body:has(vaadin-dialog-overlay[opening],vaadin-dialog-overlay[opened],vaadin-confirm-dialog-overlay[opened],vaadin-context-menu-overlay[opening],vaadin-context-menu-overlay[opened],vaadin-select-overlay[opened],vaadin-combo-box-overlay[opened],vaadin-date-picker-overlay[opened],vaadin-time-picker-overlay[opened],vaadin-menu-bar-overlay[opened],vaadin-notification-card[opening],vaadin-notification-card[opened],.iron-overlay-backdrop[opening],.iron-overlay-backdrop[opened],.v-modal-backdrop) .floating-speed-dial{display:none!important}body:has([role=dialog][open],[aria-modal=true]) .floating-speed-dial{display:none!important}}@media (max-width: 480px){.floating-speed-dial{display:flex}.drawer-open .floating-speed-dial,.hide-mobile-dial .floating-speed-dial{display:none!important}}@media (prefers-reduced-motion: reduce){.fab-action-wrapper,.fab-main,.fab-item{transition:none!important}}.drawer-open .floating-speed-dial{opacity:0;pointer-events:none;transform:translateY(8px) scale(.98);transition:opacity .18s ease,transform .18s ease}.job-canceled .fc-event-title{text-decoration:line-through;color:inherit}.job-canceled{opacity:.7}.split-button-wrapper{display:inline-flex;align-items:center}.split-button-container{display:flex;align-items:stretch;border-radius:var(--lumo-border-radius-m);overflow:hidden}.split-button-primary{border-radius:0!important;border-top-left-radius:var(--lumo-border-radius-m)!important;border-bottom-left-radius:var(--lumo-border-radius-m)!important;margin:0!important;padding:.5rem .875rem!important;font-weight:500!important;font-size:.875rem!important;border:none!important;box-shadow:none!important;cursor:pointer!important;pointer-events:auto!important}.split-button-primary::part(label){pointer-events:none}.split-button-menubar{margin:0!important;background:var(--lumo-primary-color)!important}.split-button-menubar vaadin-menu-bar-button{border-radius:0!important;border-top-right-radius:var(--lumo-border-radius-m)!important;border-bottom-right-radius:var(--lumo-border-radius-m)!important;margin:0!important;padding:.5rem!important;min-width:2rem!important;width:2rem!important;background:var(--lumo-primary-color)!important;color:var(--lumo-primary-contrast-color)!important;border-left:1px solid rgba(255,255,255,.25)!important}[theme~=dark] .split-button-menubar vaadin-menu-bar-button{border-left:1px solid rgba(0,0,0,.25)!important}.split-button-primary vaadin-icon{width:1rem;height:1rem;margin-right:.5rem}.split-button-menubar vaadin-icon{width:1rem;height:1rem;margin:0!important}vaadin-menu-bar-overlay{--_lumo-item-selected-icon-display: none}vaadin-menu-bar-overlay::part(overlay){border-radius:var(--lumo-border-radius-m);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}vaadin-menu-bar-item{cursor:pointer!important;font-size:.875rem}vaadin-menu-bar-item vaadin-icon{width:1rem;height:1rem;margin-right:.5rem}@media (max-width: 768px){.split-button-primary{padding-left:.5rem!important;padding-right:.5rem!important}.split-button-primary span{display:none}.split-button-primary vaadin-icon{margin-right:0!important}.split-button-menubar vaadin-menu-bar-button{min-width:1.75rem!important;width:1.75rem!important;padding:.375rem!important}}.split-button-wrapper[disabled] .split-button-container{opacity:.5;cursor:not-allowed;pointer-events:none}.split-button-primary:focus-visible{outline:2px solid var(--lumo-primary-color-50pct);outline-offset:2px}:root{--pwa-bg: #ffffff;--pwa-cta-bg: #0b71f6;--pwa-cta-foreground: #ffffff;--pwa-text: #111827;--pwa-subtext: #6b7280;--pwa-shadow: 0 8px 30px rgba(2, 6, 23, .12);--pwa-border-radius: 12px;--pwa-gap: 12px;--pwa-max-width: 760px}#pwa-install-banner{position:fixed;left:12px;right:12px;bottom:18px;display:flex;align-items:center;gap:var(--pwa-gap);padding:10px 14px;border-radius:var(--pwa-border-radius);box-shadow:var(--pwa-shadow);background:var(--pwa-bg);z-index:1300;max-width:var(--pwa-max-width);margin:0 auto;transform:translateY(0);transition:transform .22s ease,opacity .22s ease;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}#pwa-install-banner.hidden{transform:translateY(22px);opacity:0;pointer-events:none}#pwa-install-banner .pwa-icon{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--pwa-cta-bg);background:linear-gradient(135deg,#e6f0ff,#cfe7ff);flex:0 0 44px}#pwa-install-banner .pwa-text{flex:1;min-width:0}#pwa-install-banner .pwa-title{font-weight:600;font-size:.95rem;color:var(--pwa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pwa-install-banner .pwa-subtitle{font-size:.86rem;color:var(--pwa-subtext);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pwa-install-banner button{border:none;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;min-height:36px}#pwa-install-btn{background:var(--pwa-cta-bg);color:var(--pwa-cta-foreground)}#pwa-install-close{background:transparent;color:var(--pwa-text)}#pwa-ios-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;z-index:1400;padding:20px}#pwa-ios-modal.hidden{display:none}#pwa-ios-modal .pwa-card{background:var(--pwa-bg);padding:16px;border-radius:var(--pwa-border-radius);max-width:420px;width:100%;box-shadow:var(--pwa-shadow);color:var(--pwa-text)}#pwa-ios-modal .pwa-card .hint{margin-top:8px;color:var(--pwa-subtext);font-size:.95rem}#pwa-ios-modal .pwa-card .actions{text-align:right;margin-top:12px}#pwa-ios-modal .pwa-card button{padding:8px 12px;border-radius:8px}.carousel-root{--dur: $ {transitionDuration}ms;--hover-scale: $ {hoverScale}--accent-rgb: 96 165 250}.outer{border-radius:12px;border:1px solid rgba(var(--accent-rgb),.18);box-shadow:0 8px 30px rgba(var(--accent-rgb),.06);overflow:hidden;background:linear-gradient(180deg,#ffffff03,#fff0)}.img-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent}.img-inner{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:8px}.img-layer,.img-inner{will-change:opacity,transform;backface-visibility:hidden;transform:translateZ(0)}.fade-enter{opacity:0;transform:scale(1.02);transition:opacity var(--dur) ease,transform var(--dur) ease}.fade-enter.active{opacity:1;transform:scale(1)}.fade-leave{opacity:1;transform:scale(1);transition:opacity var(--dur) ease,transform var(--dur) ease}.fade-leave.active{opacity:0;transform:scale(.98)}.main-hover{transition:transform .22s ease,filter .22s ease;transform-origin:center}.main-hover:hover{transform:scale(calc(var(--hover-scale)));filter:brightness(.96);cursor:zoom-in}.thumb{width:112px;height:80px;border-radius:8px;overflow:hidden;display:inline-block;border:1px solid rgba(var(--accent-rgb),.12);box-shadow:0 6px 18px rgba(var(--accent-rgb),.03)}.thumb-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .18s ease,filter .18s ease;transform-origin:center;display:block}.thumb:hover .thumb-img{transform:scale(calc(var(--hover-scale)));filter:brightness(.95);cursor:pointer}.thumb.selected{border:4px solid rgb(var(--accent-rgb));box-shadow:0 10px 30px rgba(var(--accent-rgb),.08);transform:scale(1.03)}.thumb-half{width:50%;height:100%;display:inline-block;vertical-align:top;overflow:hidden}.badge{position:absolute;top:8px;left:8px;padding:6px 8px;font-size:12px;font-weight:600;color:#fff;background:#ffffff0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;border:1px solid rgba(var(--accent-rgb),.12);box-shadow:0 4px 18px #02061740;text-transform:uppercase;letter-spacing:.6px}.fs-backdrop{position:fixed;inset:0;background:#020617c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:60}.fs-inner{position:relative;max-width:calc(100vw - 64px);max-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center}.fs-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;display:block}.icon-btn{background:#ffffff0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:9999px;border:1px solid rgba(var(--accent-rgb),.12);padding:6px;display:inline-flex;align-items:center;justify-content:center}.icon-btn:focus{outline:2px solid rgba(96,165,250,.28);outline-offset:2px}.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:var(--lumo-orange-text-color);background-color:var(--lumo-orange-color-10pct)}[theme~=badge][theme~=orange][theme~=primary]{color:var(--lumo-orange-contrast-color);background-color:var(--lumo-orange-color)}[theme~=badge][theme~=orange]:not([icon]):empty{background-color:var(--lumo-orange-color)}.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)}.delete-button-drawer{background-color:#f0f0f0;color:#333;border-radius:6px;text-align:center;cursor:pointer}.delete-button-drawer:hover{cursor:pointer;color:var(--lumo-error-text-color)}.recover-button:hover{cursor:pointer;color:var(--lumo-primary-text-color)}.recover-button-drawer{background-color:#f0f0f0;color:#333;border-radius:6px;text-align:center;cursor:pointer}.recover-button-drawer:hover{cursor:pointer;color:var(--lumo-primary-text-color)}.main-content{background:linear-gradient(135deg,#1555aa,#1055b0);color:var(--lumo-base-color);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.main-content-signup{background:linear-gradient(135deg,#136ee6,#0b366f);color:var(--lumo-base-color);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.form-layout{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:20%}.edit-view__portal{flex-direction:column;display:flex;width:100%;height:-webkit-fill-available;flex:80%;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,.edit-view__portal{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:25%;height:100%}.edit-view__portal{flex:75%;height:100%}}.custom-chart-style{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;width:100%;aspect-ratio:16 / 9.3}.container{display:grid;gap:20px;padding:0rem 1rem .5rem;align-items:start;background:var(--dead-back-color)}.chart-card{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.chart-card>*{width:100%;height:auto;max-height:100%}@media (min-width: 900px){.container{grid-template-columns:40% 58%;grid-template-rows:auto auto}.chart-card:nth-child(1),.chart-card:nth-child(3){grid-column:1}.chart-card:nth-child(2),.summary-layout{grid-column:2}.chart-card:nth-child(1){aspect-ratio:1}.chart-card:nth-child(2){aspect-ratio:16 / 11}.chart-card:nth-child(3){aspect-ratio:16 / 13.5}.summary-layout{aspect-ratio:16 / 9.3}}@media (max-width: 899px){.chart-card,.summary-layout{grid-column:1}.chart-card:nth-child(1),.chart-card:nth-child(2),.chart-card:nth-child(4){aspect-ratio:16 / 15}.chart-card:nth-child(3){aspect-ratio:3/4}}@media (min-width: 500px) and (max-width: 899px){.container{grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}}@media (max-width: 520px){.container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.topRecords-tabSheet{flex:auto}.topRecords-tabSheet::part(content){padding:0;flex:auto}.country-card,.composition-card{margin:0;margin-right:.3rem;gap:.5rem;width:100%}.composition-card *{text-wrap:wrap}.country-card__content,.composition-card__content{display:flex;flex-wrap:wrap;width:100%}.country-card__total>*,.composition-card__total>*{text-align-last:right}.country-card__content>*,.composition-card__content>*{flex:1 1 auto}#chart-container{padding:.5rem;width:auto;height:auto;display:flex;align-items:center;justify-content:center}.chart-layout{display:grid;gap:var(--lumo-space-m);width:100%;height:fit-content!important}.cell{background:#fafafa;align-items:center;padding:0}@media (min-width: 960px){.large{grid-template-columns:repeat(3,1fr)!important;min-width:40rem;min-height:10rem}}@media (min-width: 600px) and (max-width: 959px){.medium{grid-template-columns:repeat(2,1fr)!important;min-width:20rem;min-height:10rem}}@media (max-width: 599px){.small{grid-template-columns:1fr!important;min-width:10rem;min-height:10rem}}:root{--dash-bg: #fafafa;--dash-card: #ffffff;--dash-border: #e5e7eb;--dash-text: #111827;--dash-text-muted: #6b7280;--dash-text-light: #9ca3af;--dash-primary: var(--lumo-primary-color, #2563eb);--dash-primary-light: var(--lumo-primary-color-10pct, #eff6ff);--dash-primary-dark: var(--lumo-primary-color-50pct, #1e40af);--dash-success: var(--lumo-success-color, #10b981);--dash-success-light: var(--lumo-success-color-10pct, #ecfdf5);--dash-warning: var(--lumo-warning-color, #f59e0b);--dash-danger: var(--lumo-error-color, #ef4444);--dash-radius: 12px;--dash-radius-lg: 16px;--dash-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--dash-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}[theme~=dark]{--dash-bg: #0f172a;--dash-card: #1e293b;--dash-border: #334155;--dash-text: #f8fafc;--dash-text-muted: #cbd5e1;--dash-text-light: #64748b}.dash-shell{background:var(--dash-bg);min-height:100vh;padding:2rem 1.5rem;overflow-x:hidden}.dash-container{max-width:1400px;margin:0 auto;gap:1rem;overflow-x:hidden;padding-left:2em;padding-right:2em}.dash-getting-started{background:linear-gradient(135deg,var(--dash-primary) 0%,var(--dash-primary-dark) 100%);border-radius:var(--dash-radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--dash-shadow-lg)}.dash-getting-started__header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.dash-getting-started__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:var(--dash-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dash-getting-started__icon vaadin-icon{width:32px;height:32px;color:#fff}.dash-getting-started__text{flex:1}.dash-getting-started__title{display:block;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.dash-getting-started__subtitle{display:block;font-size:.95rem;color:#ffffffe6}.dash-getting-started__progress{margin-bottom:1.5rem}.dash-getting-started__progress-text{display:block;font-size:.875rem;font-weight:600;color:#fff;margin-bottom:.5rem}.dash-getting-started__progress-bar{height:8px;background:#fff3;border-radius:9999px;overflow:hidden}.dash-getting-started__progress-fill{height:100%;background:var(--dash-success);border-radius:9999px;transition:width .5s ease}.dash-gs-section{margin-bottom:1.25rem}.dash-gs-section:last-of-type{margin-bottom:1.5rem}.dash-gs-section__title{display:block;font-size:.875rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.dash-getting-started__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.dash-gs-step{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:var(--dash-radius);padding:1.25rem;transition:all .2s ease}.dash-gs-step:not(.dash-gs-step--complete):hover{transform:translateY(-2px);box-shadow:0 8px 16px -4px #00000026}.dash-gs-step--complete{opacity:.7}.dash-gs-step__badge{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--dash-primary-light);color:var(--dash-primary);font-weight:700;font-size:.875rem}.dash-gs-step--complete .dash-gs-step__badge{background:var(--dash-success-light);color:var(--dash-success)}.dash-gs-step__check,.dash-gs-step__number{font-size:1rem}.dash-gs-step__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:var(--dash-radius);color:#6b7280}.dash-gs-step__icon vaadin-icon{width:20px;height:20px}.dash-gs-step__content{flex:1;min-width:0}.dash-gs-step__title{display:block;font-size:.95rem;font-weight:600;color:#111827;margin-bottom:.125rem}.dash-gs-step__desc{display:block;font-size:.8rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-gs-step__action{flex-shrink:0}.dash-gs-step__btn{min-width:70px}.dash-getting-started__next-steps{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.dash-getting-started__next-title{display:block;font-size:.875rem;font-weight:600;color:#fff;margin-bottom:.5rem}.dash-getting-started__next-text{display:block;font-size:.875rem;color:#ffffffd9;line-height:1.5}.dashboard-title{font-size:1.875rem;font-weight:700;color:var(--dash-text);margin-bottom:.25rem}.dashboard-subtitle{font-size:.95rem;color:var(--dash-text-muted)}.dash-section-title{display:block;font-size:1.125rem;font-weight:600;color:var(--dash-text);margin-bottom:1rem}.dashboard-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-bottom:1.5rem}.dashboard-card--kpi,.dashboard-card--chart-mini{min-height:100%}.dashboard-card--kpi .dashboard-card__header,.dashboard-card--chart-mini .dashboard-card__header,.dashboard-card--kpi .dashboard-card__body,.dashboard-card--chart-mini .dashboard-card__body{display:flex;flex-direction:column;gap:.5rem}.dashboard-card--chart-mini{padding:1.25rem}.dashboard-card{background:var(--dash-card);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow)}.dashboard-charts-row{display:grid;grid-template-columns:1.5fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.dashboard-card--chart{padding:1.5rem}.dashboard-card__header{margin-bottom:1.25rem}.dashboard-card__title{font-size:1.125rem;font-weight:600;color:var(--dash-text);margin-bottom:.375rem}.dashboard-card__subtitle{font-size:.875rem;color:var(--dash-text-muted)}.dashboard-card__body--chart{min-height:280px;position:relative}.dashboard-legend{display:flex;gap:1.5rem;margin-top:1rem}.dashboard-legend__item{display:flex;align-items:center;gap:.5rem}.dashboard-legend__dot{width:10px;height:10px;border-radius:50%;background:var(--dash-primary)}.dashboard-legend__label{font-size:.875rem;color:var(--dash-text-muted);font-weight:500}.dashboard-card__footer{display:flex;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--dash-border);flex-wrap:wrap}.dashboard-mini-stat{flex:1;min-width:120px}.dashboard-mini-stat__value{display:block;font-size:1rem;font-weight:700;color:var(--dash-text);margin-bottom:.25rem}.dashboard-mini-stat__label{display:block;font-size:.75rem;color:var(--dash-text-muted);text-transform:uppercase;letter-spacing:.05em}.dashboard-chip{display:inline-block;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600;margin-top:.375rem}.dashboard-chip--ghost{background:#6b72801a;color:var(--dash-text-muted)}.dashboard-lower-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.dashboard-card--list,.dashboard-card--overview{padding:1.5rem}.dash-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.dash-quick-action{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1rem;background:var(--dash-card);border:2px solid var(--dash-border);border-radius:var(--dash-radius);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:120px}.dash-quick-action:hover{background:var(--dash-primary-light);border-color:var(--dash-primary);transform:translateY(-3px);box-shadow:0 8px 16px -4px #2563eb33}.dash-quick-action__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--dash-primary-light);color:var(--dash-primary);border-radius:var(--dash-radius);transition:all .2s ease}.dash-quick-action:hover .dash-quick-action__icon{background:var(--dash-primary);color:#fff;transform:scale(1.05)}.dash-quick-action__icon vaadin-icon{width:28px;height:28px}.dash-quick-action__title{font-size:.9rem;font-weight:600;color:var(--dash-text);text-align:center;white-space:nowrap}.dash-payment-stats{margin-top:1.5rem}.dash-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dash-quick-stat{display:flex;align-items:center;gap:.875rem;padding:1rem;background:var(--dash-bg);border-radius:var(--dash-radius);border:1px solid var(--dash-border)}.dash-quick-stat__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--dash-radius);flex-shrink:0}.dash-quick-stat--success .dash-quick-stat__icon{background:var(--dash-success-light);color:var(--dash-success)}.dash-quick-stat--warning .dash-quick-stat__icon{background:#f59e0b1a;color:var(--dash-warning)}.dash-quick-stat--primary .dash-quick-stat__icon{background:var(--dash-primary-light);color:var(--dash-primary)}.dash-quick-stat__icon vaadin-icon{width:20px;height:20px}.dash-quick-stat__content{flex:1;min-width:0}.dash-quick-stat__value{display:block;font-size:1.25rem;font-weight:700;color:var(--dash-text);margin-bottom:.125rem}.dash-quick-stat__label{display:block;font-size:.75rem;color:var(--dash-text-muted);font-weight:500}.dashboard-today-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.dashboard-today-item{padding:1rem;background:var(--dash-bg);border-radius:var(--dash-radius);border:1px solid var(--dash-border)}.dashboard-today-item__value{display:block;font-size:1.5rem;font-weight:700;color:var(--dash-text);margin-bottom:.375rem}.dashboard-today-item__label{display:block;font-size:.8rem;color:var(--dash-text-muted);font-weight:500}@media (max-width: 1500px){.dashboard-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1280px){.dashboard-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (max-width: 1200px){.dashboard-charts-row{grid-template-columns:1fr}.dash-quick-actions{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.dashboard-lower-row,.dash-stats-grid{grid-template-columns:1fr}.dashboard-kpi-row{grid-template-columns:repeat(2,1fr)}.dash-shell{padding:1.5rem 1rem}}@media (max-width: 900px){.dashboard-kpi-row{grid-template-columns:repeat(2,1fr);gap:1rem}.dash-getting-started{padding:1.5rem}.dash-getting-started__steps{grid-template-columns:1fr}}@media (max-width: 768px){.dash-shell{padding:1rem}.dash-getting-started{padding:1.5rem}.dash-getting-started__header{flex-direction:column;align-items:flex-start;gap:.75rem}.dash-getting-started__steps{grid-template-columns:1fr}.dash-gs-step{flex-direction:column;align-items:flex-start;gap:.75rem}.dashboard-kpi-row{grid-template-columns:1fr}.dash-quick-actions{grid-template-columns:repeat(2,1fr)}.dashboard-today-row{grid-template-columns:1fr}.dashboard-title{font-size:1.5rem}}@media (max-width: 480px){.dash-quick-actions{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-card,.dash-gs-step,.dash-quick-action{animation:fadeIn .3s ease}.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}.appointment-step-by-step{flex-direction:row}.step-container{display:flex;flex-direction:column;gap:.5rem}.step-sub-label{text-align:center;font-size:.75rem;color:var(--lumo-secondary-text-color)}.time-slot-button{font-size:1rem;border-radius:12px;padding:.6rem 1rem;background-color:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color);transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out;white-space:normal;text-align:center;box-shadow:0 2px 6px #0000000d}.time-slot-button:hover:enabled{background-color:var(--lumo-primary-color-20pct);cursor:pointer}.time-slot-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--lumo-disabled-text-color)}.selected-time{background-color:var(--lumo-primary-color);color:#fff;font-weight:700}.final-step{align-items:center;max-width:30rem}.final-step h3{font-size:1.5rem;margin-bottom:1rem}.final-step .summary-item{text-align:-webkit-right}@media (max-width: 800px){.appointment-step-by-step{flex-direction:column;height:40rem!important}.step-container{flex-direction:row;overflow-x:auto;justify-content:space-around}.step-container .step{flex-direction:column;align-items:center}.step-container .step-sub-label,.step-container .step-label{display:none}}.portal-employee-layout{display:flex;flex-direction:column;align-items:center;height:100vh;overflow-y:auto;overflow-x:hidden}.portal-employee-header-layout{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;width:100%;max-width:500px;height:60px;box-sizing:border-box}.portal-employee-home-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:var(--lumo-primary-text-color)}.portal-employee-home-button:hover{transform:scale(1.05);transition:all .15s ease}.header-date-chip{display:flex;align-items:center;gap:.375rem;color:#4b5563;background-color:#f3f4f6;padding:.375rem .625rem;border-radius:.5rem;width:fit-content}.header-date-chip-text{font-size:.75rem;font-weight:500}.portal-employee-footer-layout{display:flex;width:100%;max-width:500px;height:60px;padding:5px 16px;box-sizing:border-box}.portal-employee-footer-button{display:flex;justify-content:center;align-items:center;padding:5px;border-radius:var(--lumo-border-radius-l);background-color:transparent;color:var(--lumo-body-text-color);transition:background-color .2s ease,color .2s ease;height:45px}.portal-employee-footer-button:hover{background-color:var(--lumo-contrast-5pct)}.portal-employee-footer-button.active{background-color:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color)}.portal-employee-main-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:500px;padding:16px;gap:1rem;margin:0 auto;box-sizing:border-box}.summary-information-card{color:#fff;border-radius:var(--lumo-border-radius-l);padding:16px;width:100%;height:100px;box-shadow:var(--lumo-box-shadow-xs);display:flex;flex-direction:column;gap:.5rem;box-sizing:border-box}.portal-employee-section-title{font-size:1.25rem;font-weight:600;color:var(--lumo-body-text-color);width:100%;text-align:left}.portal-employee-jobs-container{display:flex;flex-direction:column;width:100%;gap:1rem}.portal-employee-card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);border:1px solid rgba(229,231,235,1);padding:14px;box-shadow:var(--lumo-box-shadow-xs);display:flex;flex-direction:column;gap:8px}.job-icon-box{width:40px;height:40px;background-color:var(--lumo-primary-color-10pct);border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.job-photo{width:auto;height:auto;max-width:100%;max-height:140px;border-radius:8px;object-fit:contain;display:block;margin:0 auto;flex-shrink:0}.photo-grid{display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.photo-add-button{border:1px solid var(--lumo-contrast-30pct);background-color:var(--lumo-base-color);color:var(--lumo-body-text-color);width:100%;font-weight:600;border-radius:8px;transition:background-color .2s ease,transform .1s ease}.photo-add-button:hover{background-color:var(--lumo-base-color-50pct);transform:scale(1.03)}button.photo-add-button:disabled,vaadin-button.photo-add-button[disabled]{color:var(--lumo-secondary-text-color)!important;cursor:not-allowed;opacity:.6;transform:none}.subfooter-container{position:fixed;bottom:60px;left:0;right:0;padding:0 1rem;background-color:var(--lumo-base-color);border-top:1px solid var(--lumo-contrast-20pct);border-bottom:1px solid var(--lumo-contrast-20pct);z-index:2}.subfooter-inner{max-width:468px;margin:0 auto;box-sizing:border-box}.subfooter-button{width:100%;height:3rem;border-radius:8px;font-weight:600;color:#fff}.subfooter-button:hover{background-color:#047857}.photo-actions-row{display:flex;flex-direction:column;gap:.65rem;margin-top:.25rem;margin-bottom:.6rem}.photo-action-btn{width:100%;min-height:58px;border-radius:14px;border:1px solid rgba(180,190,210,.55);background:linear-gradient(145deg,#fafafffa,#eef1f5f2);font-size:var(--lumo-font-size-m);font-weight:600;color:#1e293b;display:flex;align-items:center;justify-content:center;gap:.55rem;padding:0 1.35rem;box-shadow:0 6px 14px #0f172a1f,0 1px 2px #0000000a;position:relative;overflow:hidden;transition:transform .14s ease-out,box-shadow .16s ease-out,background .22s ease-out}.photo-action-btn vaadin-icon{font-size:1.25em}@media (hover: hover) and (pointer: fine){.photo-action-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a2e,0 2px 6px #0000000f;background:linear-gradient(145deg,#fff,#f0f3f8fa)}}.photo-action-btn:active{transform:scale(.97);box-shadow:0 4px 10px #0f172a33,0 2px 3px #0000000f}.photo-action-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f666,0 2px 10px #0f172a2e}@media (min-width: 768px){.photo-actions-row{flex-direction:row}.photo-actions-row .photo-action-btn{width:auto;flex:1 1 0}}.photo-pair-row,.photo-single-row{display:flex;flex-wrap:wrap;gap:.6rem}@media (max-width: 320px){.photo-pair-row,.photo-single-row{flex-direction:column;align-items:stretch}.photo-pair-row vaadin-button,.photo-single-row vaadin-button{width:100%;justify-content:center}}.photo-small-btn,.photo-small-btn-danger{border-radius:12px;padding:.25rem .9rem;font-size:var(--lumo-font-size-xs);font-weight:600;color:#1e293b;transition:transform .12s ease-out}.photo-small-btn-danger{background:#ef4444;color:#fff;border-color:#dc2626}@media (hover: hover) and (pointer: fine){.photo-small-btn:hover,.photo-small-btn-danger:hover{transform:translateY(-1px)}}.photo-small-btn:active,.photo-small-btn-danger:active{transform:scale(.96)}.photo-pair-row{display:flex;flex-wrap:nowrap}@media (max-width: 480px){.photo-pair-row{flex-wrap:nowrap}}[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}[theme~=dark] .summary-component__title{background-color:#2d3d52}.summary-component__title{background-color:#f3f5f7}: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);--custom-border-radius: 10px}@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)}}@keyframes cardEnter{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.card-enter{animation-name:cardEnter;-webkit-animation-name:cardEnter;animation-duration:.42s;animation-timing-function:ease-in-out;animation-fill-mode:both;will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.card-enter{animation:none!important;transform:none!important;opacity:1!important;will-change:auto!important}}[has-label]{padding-top:var(--lumo-space-s)}vaadin-confirm-dialog-overlay::part(content),vaadin-dialog-overlay::part(content){padding:var(--lumo-space-r-m);padding-top:0}vaadin-confirm-dialog-overlay::part(backdrop),vaadin-dialog-overlay::part(backdrop){background-color:#0000004d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:background-color .3s ease}vaadin-confirm-dialog-overlay::part(overlay),vaadin-dialog-overlay::part(overlay){border-radius:1rem;box-shadow:0 10px 40px #00000040}.root__rotate-icon{animation:rotate 2s linear infinite}.app-header-outer,.app-footer-outer{z-index:3}vaadin-text-field{align-self:auto}label{cursor:inherit}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}}.hover-action:hover{animation:pulse 1.5s infinite}.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;--lumo-orange-color: rgba(225, 119, 47, 1);--lumo-orange-color-10pct: rgba(225, 119, 47, .2);--lumo-orange-text-color: rgba(225, 119, 47, 1);--lumo-orange-contrast-color: #fff}.v-loading-indicator{background:linear-gradient(135deg,#0056b3,#7b08d1)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}#external-events{position:relative;--hint-bg: var(--lumo-primary-color-10pct);--hint-border: var(--lumo-primary-color-50pct);--hint-text: var(--lumo-primary-text-color);--drop-glow: 0 0 0 2px var(--lumo-primary-color-50pct), 0 0 0 6px var(--lumo-primary-color-10pct)}#external-events .drop-hint{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:var(--lumo-font-size-s);color:var(--hint-text);background:linear-gradient(180deg,var(--hint-bg),transparent);border-bottom:1px dashed var(--hint-border);padding:.35rem .6rem;opacity:0;transform:translateY(-6px);transition:opacity .14s ease,transform .14s ease;pointer-events:none}#external-events.drag-from-calendar .drop-hint{opacity:1;transform:translateY(0)}#external-events.drag-from-calendar{transition:box-shadow .18s ease;box-shadow:inset 0 0 0 1px var(--lumo-contrast-10pct)}#external-events.drag-over{box-shadow:var(--drop-glow)}#external-events .drop-row-highlight{outline:2px dashed var(--lumo-primary-color-50pct);outline-offset:-2px;border-radius:8px;animation:dropPulse .35s ease}@keyframes dropPulse{0%{transform:scale(.99);opacity:.85}to{transform:scale(1);opacity:1}}#external-events .external-event{background:var(--lumo-base-color);border:1px dashed var(--lumo-contrast-20pct);border-radius:10px;padding:.45rem .6rem;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}#external-events .external-event:hover{transform:translateY(-1px);box-shadow:0 2px 10px #0000000f}#external-events.drag-over .fc-event-mirror{opacity:0}.not-found-view{animation:nf-fade-in .42s ease-out}.not-found-card{transform:translateY(4px);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.not-found-view:hover .not-found-card{transform:translateY(0);box-shadow:0 26px 55px #0f172ae6;border-color:#38bdf899}.not-found-logo{animation:nf-float 3.2s ease-in-out infinite;box-shadow:0 14px 28px #0f172ae6}.not-found-details{opacity:.9}.not-found-back-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #38bdf859}.not-found-home-btn:hover{transform:translateY(-1px)}@keyframes nf-float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes nf-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-shell{box-sizing:border-box;min-height:100vh;padding:calc(var(--lumo-space-l) + env(safe-area-inset-top)) var(--lumo-space-m) calc(var(--lumo-space-l) + env(safe-area-inset-bottom));background:radial-gradient(circle at top left,color-mix(in srgb,var(--lumo-primary-color-10pct),transparent),transparent 55%),linear-gradient(160deg,var(--lumo-base-color),color-mix(in srgb,var(--lumo-shade-5pct) 40%,var(--lumo-contrast-5pct)))}.dashboard-container{max-width:1320px;margin:0 auto;border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-m);background:color-mix(in srgb,var(--lumo-base-color) 80%,var(--lumo-shade-10pct));box-shadow:0 28px 80px color-mix(in srgb,var(--lumo-shade-40pct) 80%,transparent),0 0 0 1px color-mix(in srgb,var(--lumo-contrast-10pct) 60%,transparent);display:flex;flex-direction:column;gap:var(--lumo-space-l);min-height:calc(100vh - 2 * var(--lumo-space-l));position:relative}.dashboard-container:before{content:"";position:absolute;inset-inline:var(--lumo-space-m);top:var(--lumo-space-xs);height:3px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--lumo-primary-color) 75%,var(--lumo-success-color) 25%),color-mix(in srgb,var(--lumo-primary-color) 40%,var(--lumo-info-color) 60%));opacity:.4;pointer-events:none}@media (max-width: 768px){.dashboard-container{padding:var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);min-height:calc(100vh - 2 * var(--lumo-space-m))}.dashboard-container:before{inset-inline:var(--lumo-space-s)}}.dashboard-header{display:grid;grid-template-columns:minmax(0,3fr) auto;gap:var(--lumo-space-m);align-items:center}@media (max-width: 768px){.dashboard-header{grid-template-columns:minmax(0,1fr);row-gap:var(--lumo-space-m)}.dashboard-header__right{justify-content:flex-start}}.dashboard-header__left{display:flex;flex-direction:row;justify-content:space-between}.dashboard-title{font-size:var(--lumo-font-size-xl);font-weight:600;color:var(--lumo-header-text-color)}.dashboard-subtitle{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.dashboard-date{margin-top:.25rem;font-size:var(--lumo-font-size-xs);color:var(--lumo-tertiary-text-color)}.dashboard-header__right{display:flex;gap:var(--lumo-space-xs);justify-content:flex-end;flex-wrap:wrap}.dashboard-pill{padding:.25rem .8rem;border-radius:999px;font-size:var(--lumo-font-size-xs);border:1px solid var(--lumo-contrast-20pct);color:var(--lumo-secondary-text-color);background-color:color-mix(in srgb,var(--lumo-base-color) 85%,var(--lumo-contrast-5pct));cursor:pointer;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out,transform .12s ease-out,box-shadow .12s ease-out}.dashboard-pill:hover{transform:translateY(-1px);border-color:var(--lumo-primary-color-50pct);box-shadow:0 10px 24px color-mix(in srgb,var(--lumo-primary-color-40pct) 25%,transparent)}.dashboard-pill--active{background-image:linear-gradient(120deg,color-mix(in srgb,var(--lumo-primary-color) 85%,white 15%),color-mix(in srgb,var(--lumo-success-color) 70%,var(--lumo-primary-color) 30%));border-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color)}.dashboard-card{border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-m);background:linear-gradient(145deg,color-mix(in srgb,var(--lumo-base-color) 94%,var(--lumo-contrast-2pct)),color-mix(in srgb,var(--lumo-base-color) 88%,var(--lumo-contrast-5pct)));box-shadow:0 14px 40px color-mix(in srgb,var(--lumo-shade-30pct) 35%,transparent);display:flex;flex-direction:column;gap:var(--lumo-space-xs);position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--lumo-primary-color) 80%,transparent),color-mix(in srgb,var(--lumo-info-color) 60%,transparent));opacity:0;transition:opacity .14s ease-out}.dashboard-card:hover:before{opacity:1}.dashboard-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--lumo-space-m)}@media (max-width: 1620px){.dashboard-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.dashboard-kpi-row{grid-template-columns:minmax(0,1fr)}}.dashboard-card--kpi{position:relative;overflow:hidden;gap:.35rem}.dashboard-card--tone-success:before,.dashboard-card--tone-info:before,.dashboard-card--tone-warning:before{content:"";position:absolute;inset:0;opacity:.18;background:radial-gradient(circle at top left,color-mix(in srgb,var(--lumo-success-color) 60%,transparent),transparent 60%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--lumo-primary-color) 60%,transparent),transparent 60%);pointer-events:none}.dashboard-card--tone-info:before{background:radial-gradient(circle at top left,color-mix(in srgb,var(--lumo-primary-color) 60%,transparent),transparent 60%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--lumo-info-color) 55%,transparent),transparent 60%)}.dashboard-card--tone-warning:before{background:radial-gradient(circle at top left,color-mix(in srgb,var(--lumo-warning-color) 55%,transparent),transparent 60%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--lumo-error-color) 55%,transparent),transparent 60%)}.dashboard-card__kpi-label{font-size:var(--lumo-font-size-xxs);text-transform:uppercase;letter-spacing:.14em;color:var(--lumo-secondary-text-color)}.dashboard-card__kpi-value{font-size:1.8rem;font-weight:600;color:var(--lumo-header-text-color)}.dashboard-card__kpi-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--lumo-space-s);margin-top:.2rem}.dashboard-card__kpi-secondary{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.dashboard-chip{font-size:var(--lumo-font-size-xxs);border-radius:999px;padding:.15rem .6rem;border:1px solid var(--lumo-contrast-20pct)}.dashboard-chip--light{background-color:color-mix(in srgb,var(--lumo-primary-color-10pct),var(--lumo-base-color) 30%);border-color:var(--lumo-primary-color-50pct);color:var(--lumo-primary-text-color)}.dashboard-chip--ghost{background-color:transparent;color:var(--lumo-secondary-text-color)}.dashboard-card__header{display:flex;flex-direction:column;gap:.15rem}.dashboard-card__title{font-size:var(--lumo-font-size-m);font-weight:600;color:var(--lumo-header-text-color)}.dashboard-card__subtitle{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.dashboard-card__body{margin-top:var(--lumo-space-s)}.dashboard-card__body--chart{height:240px}.dashboard-card__footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--lumo-space-s);margin-top:var(--lumo-space-s)}.dashboard-charts-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.3fr);gap:var(--lumo-space-m)}@media (max-width: 1100px){.dashboard-charts-row{grid-template-columns:minmax(0,1fr)}}.dashboard-legend{display:flex;gap:var(--lumo-space-s);margin-top:var(--lumo-space-xs)}.dashboard-legend__item{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.dashboard-legend__dot{width:8px;height:8px;border-radius:999px;background-image:linear-gradient(135deg,var(--lumo-primary-color),color-mix(in srgb,var(--lumo-info-color),var(--lumo-primary-color) 50%))}.dashboard-legend__label{white-space:nowrap}.dashboard-mini-stat{border-radius:var(--lumo-border-radius-m);padding:.45rem .55rem;background-color:color-mix(in srgb,var(--lumo-base-color) 90%,var(--lumo-contrast-5pct));display:flex;flex-direction:column;align-items:center;gap:.15rem}.dashboard-mini-stat__value{font-size:var(--lumo-font-size-s);font-weight:500;color:var(--lumo-header-text-color)}.dashboard-mini-stat__label{font-size:var(--lumo-font-size-xxs);color:var(--lumo-secondary-text-color)}.dashboard-lower-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.2fr);gap:var(--lumo-space-m)}@media (max-width: 1100px){.dashboard-lower-row{grid-template-columns:minmax(0,1fr)}}.dashboard-list{margin-top:var(--lumo-space-m);display:flex;flex-direction:column;gap:var(--lumo-space-xs)}.dashboard-list__item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--lumo-space-m);padding:.7rem .9rem;border-radius:var(--lumo-border-radius-m);background-color:color-mix(in srgb,var(--lumo-base-color) 96%,var(--lumo-contrast-5pct));border:1px solid var(--lumo-contrast-10pct);transition:box-shadow .12s ease-out,transform .12s ease-out,border-color .12s ease-out,background-color .12s ease-out}.dashboard-list__item:hover{transform:translateY(-1px);box-shadow:0 12px 28px color-mix(in srgb,var(--lumo-shade-30pct) 30%,transparent);border-color:var(--lumo-primary-color-20pct);background-color:color-mix(in srgb,var(--lumo-base-color) 96%,var(--lumo-primary-color-5pct))}.dashboard-list__item-main{display:flex;flex-direction:column;gap:.15rem}.dashboard-list__item-type{align-self:flex-start;font-size:var(--lumo-font-size-xxs);padding:.15rem .5rem;border-radius:999px;background-color:color-mix(in srgb,var(--lumo-primary-color-10pct),var(--lumo-base-color) 50%);color:var(--lumo-primary-text-color);border:1px solid var(--lumo-primary-color-20pct);margin-bottom:.15rem}.dashboard-list__item-type--job{background-color:color-mix(in srgb,var(--lumo-success-color-10pct),white 80%);border-color:var(--lumo-success-color-30pct)}.dashboard-list__item-type--quote{background-color:color-mix(in srgb,var(--lumo-info-color-10pct),white 80%);border-color:var(--lumo-info-color-30pct)}.dashboard-list__item-type--invoice{background-color:color-mix(in srgb,var(--lumo-warning-color-10pct),white 80%);border-color:var(--lumo-warning-color-40pct)}.dashboard-list__item-type--client{background-color:color-mix(in srgb,var(--lumo-error-color-10pct),white 80%);border-color:var(--lumo-error-color-30pct)}.dashboard-list__item-title{font-size:var(--lumo-font-size-s);font-weight:500}.dashboard-list__item-description{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.dashboard-list__item-time{font-size:var(--lumo-font-size-xxs);color:var(--lumo-tertiary-text-color);white-space:nowrap}.dashboard-card--overview{display:flex;flex-direction:column;gap:var(--lumo-space-m)}.dashboard-today-row{margin-top:var(--lumo-space-s);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--lumo-space-s)}@media (max-width: 1100px){.dashboard-today-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.dashboard-today-row{grid-template-columns:minmax(0,1fr)}}.dashboard-today-item{border-radius:var(--lumo-border-radius-m);padding:.7rem .8rem;background-color:color-mix(in srgb,var(--lumo-base-color) 94%,var(--lumo-contrast-5pct));border:1px solid var(--lumo-contrast-10pct);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.15rem}.dashboard-today-item__value{font-size:var(--lumo-font-size-m);font-weight:600;color:var(--lumo-header-text-color)}.dashboard-today-item__label{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.dashboard-health{display:flex;flex-direction:column;gap:.4rem}.dashboard-health__label{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.dashboard-health__track{width:100%;height:9px;border-radius:999px;background-color:var(--lumo-contrast-5pct);overflow:hidden}.dashboard-health__fill{height:100%;border-radius:999px;background-image:linear-gradient(90deg,var(--lumo-success-color),color-mix(in srgb,var(--lumo-primary-color) 65%,var(--lumo-success-color) 35%),color-mix(in srgb,var(--lumo-info-color) 60%,var(--lumo-primary-color) 40%))}.dashboard-quick__title{margin-top:var(--lumo-space-s);font-size:var(--lumo-font-size-xs);font-weight:500;color:var(--lumo-secondary-text-color)}.dashboard-shortcuts-grid{margin-top:var(--lumo-space-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--lumo-space-xs)}.dashboard-shortcut{padding:.6rem .8rem;border-radius:999px;background-color:color-mix(in srgb,var(--lumo-base-color) 95%,var(--lumo-contrast-5pct));border:1px solid var(--lumo-contrast-10pct);cursor:pointer;display:flex;flex-direction:column;gap:.1rem;transition:background-color .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out,border-color .12s ease-out}.dashboard-shortcut:hover{background-color:color-mix(in srgb,var(--lumo-primary-color-10pct),var(--lumo-base-color) 70%);border-color:var(--lumo-primary-color-40pct);box-shadow:0 10px 26px color-mix(in srgb,var(--lumo-primary-color-40pct) 25%,transparent);transform:translateY(-1px)}.dashboard-shortcut__title{font-size:var(--lumo-font-size-xs);font-weight:500}.dashboard-shortcut__description{font-size:var(--lumo-font-size-xxs);color:var(--lumo-secondary-text-color)}.dashboard-card--bands{background:radial-gradient(circle at top left,color-mix(in srgb,var(--lumo-primary-color-10pct),transparent),transparent 60%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--lumo-success-color-10pct),transparent),transparent 60%),color-mix(in srgb,var(--lumo-base-color) 94%,var(--lumo-contrast-5pct))}.dashboard-bands{margin-top:var(--lumo-space-m);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--lumo-space-m)}@media (max-width: 1100px){.dashboard-bands{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.dashboard-bands{grid-template-columns:minmax(0,1fr)}}.dashboard-band{position:relative;border-radius:var(--lumo-border-radius-l);padding:.85rem .9rem .85rem 1.1rem;background-color:color-mix(in srgb,var(--lumo-base-color) 96%,var(--lumo-contrast-5pct));border:1px solid var(--lumo-contrast-10pct);display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.dashboard-band:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;border-radius:0 var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0;background:var(--lumo-primary-color)}.dashboard-band--tone-operations:before{background:linear-gradient(180deg,var(--lumo-success-color),color-mix(in srgb,var(--lumo-primary-color) 70%,var(--lumo-success-color) 30%))}.dashboard-band--tone-sales:before{background:linear-gradient(180deg,var(--lumo-primary-color),color-mix(in srgb,var(--lumo-info-color),var(--lumo-primary-color) 50%))}.dashboard-band--tone-finance:before{background:linear-gradient(180deg,var(--lumo-warning-color),color-mix(in srgb,var(--lumo-error-color),var(--lumo-warning-color) 50%))}.dashboard-band__label{font-size:var(--lumo-font-size-xs);font-weight:500;color:var(--lumo-secondary-text-color)}.dashboard-band__value{font-size:var(--lumo-font-size-m);font-weight:600;color:var(--lumo-header-text-color)}.dashboard-band__description{font-size:var(--lumo-font-size-xxs);color:var(--lumo-secondary-text-color)}.price-container{text-align:right;vertical-align:middle}.price-before{display:inline-block;text-decoration:line-through;margin-right:8px;font-size:.7em;color:var(--lumo-tertiary-text-color)}.price-after{display:inline-block;font-weight:600;font-size:1.02em}