vaadin-scroller[slot="drawer"]{padding: var(--lumo-space-s)}[slot="drawer"]:is(header,footer){display: flex;align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-s) var(--lumo-space-m);min-height: var(--lumo-size-xl);box-sizing: border-box}[slot="drawer"]:is(header,footer):is(:empty){display: none}decimal-field{padding: 0}.order-first{order: -9999}vaadin-grid,vaadin-select,vaadin-upload,vaadin-checkbox,vaadin-combo-box,vaadin-text-area,vaadin-text-field,vaadin-date-picker,vaadin-time-picker,vaadin-email-field,vaadin-custom-field,vaadin-number-field,vaadin-integer-field,vaadin-password-field,vaadin-date-time-picker,vaadin-big-decimal-field,vaadin-multi-select-combo-box{padding: 0.5rem 0.1rem 0.1rem;font-size: var(--lumo-font-size-s);--lumo-text-field-size: var(--lumo-size-s)}vaadin-date-time-picker::part(label){padding: 0}vaadin-menu-bar.separate-buttons::part(container){gap: var(--lumo-space-xs)}vaadin-menu-bar.separate-buttons vaadin-menu-bar-button{border-radius: var(--lumo-border-radius-m)}vaadin-login-overlay::part(brand){padding: 0 !important}vaadin-login-overlay::part(description){margin: 10px !important}vaadin-login-overlay::part(footer){font-weight: 600}vaadin-tabs{background: var(--lumo-contrast-10pct);border-radius: calc(var(--lumo-border-radius-s) + 3px);min-height: var(--lumo-size-m);box-shadow: none}vaadin-tabs::part(tabs){padding: 3px;min-height: inherit;box-sizing: border-box;margin: 0.3rem}vaadin-tabsheet{box-sizing: border-box}vaadin-tabsheet::part(tabs-container){box-shadow: none;padding: 0 0 1rem}vaadin-tabsheet::part(content){padding: 0;padding-bottom: var(--view-content-inset-bottom)}vaadin-tabsheet>vaadin-tabs{margin: 0}vaadin-tabsheet[theme~=bordered]{border-color: var(--lumo-contrast-10pct);border-top-left-radius: calc(var(--lumo-border-radius-s) + var(--lumo-space-s));border-top-right-radius: calc(var(--lumo-border-radius-s) + var(--lumo-space-s))}vaadin-tabsheet[overflow~=top]::part(content){border-top: 1px solid var(--lumo-contrast-10pct)}vaadin-tabsheet:not([theme~=bordered])[overflow~=bottom]::part(content){border-bottom: 1px solid var(--lumo-contrast-10pct)}vaadin-tab:before,vaadin-tab:after{display: none}vaadin-tab{font-weight: 600;border-radius: var(--lumo-border-radius-m);transition: color .16s,background-color .16s,box-shadow 60ms,transform .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;padding: var(--lumo-space-xs) var(--lumo-space-m)}vaadin-tab[selected]{color: var(--lumo-primary-color-50pct);-webkit-backdrop-filter: brightness(1.06)}vaadin-tab[active]{transform: scale(.98);transition-duration: 50ms}vaadin-tab[selected]:not([focus-ring]){box-shadow: 0 0 0 1px var(--lumo-shade-5pct),0 1px 1px 0 var(--lumo-shade-5pct)}vaadin-app-layout::part(drawer){transition: width 0.3s cubic-bezier(0.4,0,0.2,1),min-width 0.3s cubic-bezier(0.4,0,0.2,1)}vaadin-side-nav{justify-self: center}vaadin-side-nav-item::part(link){transition: font-size 0.3s cubic-bezier(0.4,0,0.2,1),padding 0.3s cubic-bezier(0.4,0,0.2,1),gap 0.3s cubic-bezier(0.4,0,0.2,1)}vaadin-side-nav-item>[slot="prefix"]{transition: font-size 0.3s cubic-bezier(0.4,0,0.2,1)}.drawer-logo-collapsed{display: none;max-width: 40px;max-height: 40px;object-fit: contain}.drawer-collapse-toggle{cursor: pointer;min-width: var(--lumo-size-s) !important;width: var(--lumo-size-s) !important}.contract-coverage-filter vaadin-select-value-button{height: 1.9rem}@media (min-width: 800px){vaadin-app-layout.drawer-collapsed{--vaadin-app-layout-drawer-width: 64px}vaadin-app-layout.drawer-collapsed vaadin-side-nav-item::part(link){font-size: 0;gap: 0;justify-content: center;padding: var(--lumo-space-s);border-radius: var(--lumo-border-radius-m)}vaadin-app-layout.drawer-collapsed vaadin-side-nav-item>[slot="prefix"]{font-size: 1.375rem}vaadin-app-layout.drawer-collapsed vaadin-side-nav-item[current]::part(link){background-color: var(--lumo-primary-color-10pct)}vaadin-app-layout.drawer-collapsed vaadin-side-nav-item::part(link):hover{background-color: var(--lumo-contrast-5pct)}vaadin-app-layout.drawer-collapsed vaadin-side-nav-item::part(toggle-button){display: none}vaadin-app-layout.drawer-collapsed vaadin-side-nav-item>[slot="children"]{display: none}vaadin-app-layout.drawer-collapsed vaadin-side-nav::part(label){display: none}vaadin-app-layout.drawer-collapsed header[slot="drawer"]{padding: var(--lumo-space-xs);justify-content: center}vaadin-app-layout.drawer-collapsed .drawer-logo-expanded{display: none}vaadin-app-layout.drawer-collapsed .drawer-logo-collapsed{display: block}vaadin-app-layout.drawer-collapsed vaadin-scroller[slot="drawer"]{padding: var(--lumo-space-xs)}}@media (min-width: 800px){.drawer-toggle-mobile{display: none !important}}@media (max-width: 799px){.drawer-collapse-toggle{display: none !important}}@media (max-width: 799px){.wo-toolbar-status,.wo-toolbar-period{display: none !important}}@media (max-width: 799px){.wo-board-cards>*{flex-basis: calc(50% - var(--lumo-space-xs)) !important;max-width: 50%;min-width: 0}}.board-card-clickable{cursor: pointer;transition: background-color 0.2s ease,box-shadow 0.2s ease;box-shadow: inset 0 3px 0 0 transparent}.board-card-clickable:hover{background-color: var(--lumo-primary-color-10pct);box-shadow: inset 0 3px 0 0 var(--lumo-primary-color)}.board-card-clickable:active{background-color: var(--lumo-contrast-5pct);box-shadow: inset 0 3px 0 0 var(--lumo-primary-color-50pct)}@media (max-width: 799px){.wo-board-cards>*{cursor: pointer;transition: box-shadow 0.15s ease}.wo-board-cards>*:active{box-shadow: var(--lumo-box-shadow-s)}}@media (max-width: 799px){.wo-create-btn{width: 100% !important}}@media (max-width: 799px){vaadin-grid{min-width: 0 !important}}.singup-view{background-image: url("/images/login-bg.png");-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover}vaadin-login-overlay::part(form-wrapper){width: 100%}vaadin-login-overlay::part(form){background: white;align-items: center;width: 100%;max-width: 720px;margin: 0 auto}vaadin-login-overlay>form[slot="form"]{width: 100%}vaadin-login-overlay [slot="submit"]{width: calc(var(--lumo-size-xl) * 5);max-width: 100%;margin: var(--lumo-space-s) auto;align-content: center}vaadin-login-overlay vaadin-text-field,vaadin-login-overlay vaadin-password-field{width: 100%;--lumo-text-field-size: var(--lumo-size-m)}vaadin-login-overlay::part(overlay){background-image: var(--clima-login-overlay-background-image);background-size: cover;background-position: center;transition: background-image 1s ease-in-out}vaadin-login-overlay::part(card){background: white !important;display: block;align-content: center;width: calc(var(--lumo-size-xl) * 12);border-radius: 0;height: 100%;padding: var(--lumo-size-l);margin: 0;overflow-y: auto}vaadin-login-overlay::part(brand){background: white !important}vaadin-login-overlay::part(description){display: none}vaadin-login-overlay::part(content){justify-content: end}.login-image{width: 350px}@media only screen and (max-height: 1024px){.login-image{width: 230px}}@media only screen and (max-width: 1024px) and (max-height: 1366px){vaadin-login-overlay::part(card){width: 100%}vaadin-login-overlay::part(form){max-width: none}vaadin-login-overlay [slot="submit"]{width: 100%}}@media only screen and (max-width: 768px){vaadin-login-overlay::part(card){padding: .2rem}.login-image{width: 300px}}@media only screen and (max-width: 500px){.login-image{width: 150px}}@media only screen and (max-width: 450px) and (max-height: 750px){vaadin-login-overlay::part(card){padding: 1.2rem}vaadin-login-overlay vaadin-password-field,vaadin-login-overlay vaadin-text-field{padding: 0.5rem 0.1rem 0.1rem;font-size: var(--lumo-font-size-s);--lumo-text-field-size: var(--lumo-size-s)}.login-image{width: 100px}}.customer-board-company{margin: 0;max-width: 400px;word-wrap: break-word;text-align: right}@media only screen and (max-width: 1536px){.customer-board-company-left{text-align: left}}.userMenuHeader{background: var(--lumo-contrast-5pct);padding: var(--lumo-space-s);padding-inline-end: var(--lumo-space-l);margin: 2px;align-items: center;gap: var(--lumo-space-s);line-height: var(--lumo-line-height-s);& .userMenuNickname{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}}.userMenuLinks{padding-bottom: var(--lumo-space-xs);align-items: stretch;& a{padding: var(--lumo-space-xs) var(--lumo-space-m);color: var(--lumo-body-text-color);text-decoration: none;&:hover{background: var(--lumo-contrast-5pct)}}}.pricing-view{max-width: 100%;box-sizing: border-box}.pricing-container{gap: var(--lumo-space-l);padding: 0 var(--lumo-space-m);box-sizing: border-box}.pricing-view .card{background-color: var(--lumo-base-color);border-radius: var(--lumo-border-radius-l);padding: var(--lumo-space-xl);padding-left: var(--lumo-space-m);padding-right: var(--lumo-space-m);box-shadow: var(--lumo-box-shadow-m);border: 1px solid var(--lumo-contrast-10pct);max-width: 25rem;width: 100%;flex: 0 1 25rem;display: flex;flex-direction: column;transition: transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out;box-sizing: border-box}.pricing-view .card:hover{transform: translateY(-5px);box-shadow: var(--lumo-box-shadow-l)}.pricing-view .card.recommended-plan{border: 2px solid var(--lumo-primary-color);box-shadow: 0 6px 16px rgba(var(--lumo-primary-color-rgb),0.25);position: relative}.pricing-view .card .price-value{font-size: var(--lumo-font-size-xxxl);font-weight: var(--lumo-font-weight-extra-bold);color: var(--lumo-header-text-color);line-height: 1.2}.pricing-view .card .price-suffix{font-size: var(--lumo-font-size-m);color: var(--lumo-secondary-text-color);margin-left: var(--lumo-space-xs);font-weight: var(--lumo-font-weight-regular)}.pricing-view .card .feature-item{display: flex;align-items: center;gap: var(--lumo-space-s);font-size: var(--lumo-font-size-m)}.pricing-view .card .feature-item vaadin-icon{color: var(--lumo-primary-text-color);font-size: var(--lumo-font-size-l)}.pricing-view .card vaadin-button{margin-top: auto}.pricing-view .card.trial{border-color: var(--lumo-contrast-30pct)}.billing-toggle{margin-bottom: var(--lumo-space-s)}.billing-switch{}.pricing-view .card .price-info-container{text-align: center;margin-bottom: var(--lumo-space-m)}.pricing-view .card h3{margin-top: 0;margin-bottom: var(--lumo-space-s);font-size: var(--lumo-font-size-xl);font-weight: var(--lumo-font-weight-semibold)}.quantity-field{margin-top: var(--lumo-space-s);margin-bottom: var(--lumo-space-m)}@media (max-width: 600px){.pricing-view .card{padding: var(--lumo-space-m);max-width: 100%}.pricing-container{gap: var(--lumo-space-m);padding: 0 var(--lumo-space-s)}.pricing-view .card .price-value{font-size: var(--lumo-font-size-xxl)}.quantity-field{max-width: 100%}}@media (min-width: 600px) and (max-width: 768px){.pricing-view .card{padding: var(--lumo-space-l);max-width: calc(100% - 2rem)}.pricing-container{gap: var(--lumo-space-l);padding: 0 var(--lumo-space-m)}}@media (min-width: 768px){.pricing-view .card{max-width: 25rem;padding: var(--lumo-space-xl)}}@media (min-width: 768px) and (max-width: 1024px){.pricing-container{max-width: 75%}}#notifications-heading{font-size: var(--lumo-font-size-l)}.notification-icon{transition: transform 0.3s ease,box-shadow 0.3s ease}.notification-icon:hover{transform: translateY(-3px);color: var(--lumo-user-color-2)}.notification-trash:hover{.notification-icon{transform: translateY(-5px);color: var(--lumo-error-color)}}.notifications-search{width: 300px}@media only screen and (max-width: 1024px){.notifications-search{width: 200px}}@media only screen and (max-width: 665px){.notifications-search{width: auto}}vaadin-tabsheet.notifications{max-height: 700px;& vaadin-tabs::part(tabs){margin-left: var(--lumo-space-xs)}& vaadin-message-list{& vaadin-message{padding: var(--lumo-space-s) 0 var(--lumo-space-m) 0;margin: 0 var(--lumo-space-m);font-size: var(--lumo-font-size-s);border-bottom: 1px solid var(--lumo-contrast-10pct);&::part(name){font-weight: 600;margin-right: auto}&::part(time){font-size: var(--lumo-font-size-xxs)}&::part(message){font-size: var(--lumo-font-size-s);line-height: var(--lumo-line-height-xs);color: var(--lumo-secondary-text-color)}}}.no-notifications-msg{padding: var(--lumo-space-m);color: var(--lumo-secondary-text-color)}}.wizard-card{max-width: 56.25rem;width: calc(100% - 2rem);margin: 2rem auto;display: flex;flex-direction: column;align-items: center;gap: var(--lumo-space-l)}.auth-input vaadin-text-field::part(input-field),.auth-input vaadin-email-field::part(input-field),.auth-input vaadin-password-field::part(input-field),.auth-input vaadin-number-field::part(input-field),.auth-input vaadin-integer-field::part(input-field){border-radius: 0.75rem}.auth-primary,.auth-tertiary,.auth-primary-lg{border-radius: 0.75rem}@media (max-width: 600px){.wizard-card{background: transparent;padding: 1rem;border: none;box-shadow: none;width: 100%;margin: 0;gap: var(--lumo-space-s)}.auth-logo{height: 5.5rem;margin-bottom: 1rem}.auth-title{font-size: var(--lumo-font-size-xl);font-weight: 700;line-height: 1.2;margin-bottom: 0.375rem;color: #17222F}.auth-subtitle,.auth-body{font-size: 1rem;line-height: 1.5;text-align: center;color: #1B3A4B}.auth-input{--vaadin-input-field-height: 2.75rem;margin-bottom: 0.5rem}.auth-primary{min-height: 2.75rem;font-weight: 600}.auth-tertiary{min-height: 2.5rem;border: none;background: transparent;padding: 0;color: var(--lumo-primary-text-color)}}@media (min-width: 600px) and (max-width: 768px){.wizard-card{background: rgba(255,255,255,0.7);padding: 2rem;border-radius: 0.5rem;box-shadow: 0 0.125rem 0.5rem rgba(23,34,47,0.05);width: calc(100% - 2rem);margin: 1rem auto}.auth-logo{height: 5rem;margin-bottom: 1.5rem}.auth-tertiary{border: none;background: transparent;padding: 0;color: var(--lumo-primary-text-color)}}@media (min-width: 768px){.wizard-card{background: #FFFFFF;padding: 3rem;border-radius: 0.5rem;box-shadow: 0 0 0.75rem rgba(23,34,47,0.1)}.auth-logo{height: 6.25rem;margin-bottom: 1rem}.auth-tertiary{border: none;background: transparent;padding: 0;color: var(--lumo-primary-text-color)}}@media (min-width: 768px) and (max-width: 1024px){.wizard-card{max-width: 75%}}@media (max-height: 700px) and (max-width: 600px){.wizard-card{gap: var(--lumo-space-s)}}@media (min-height: 700px) and (max-height: 850px) and (max-width: 600px){.wizard-card{gap: var(--lumo-space-m)}}.offer-card{width: 100%}@media (max-width: 600px){.offer-card{padding: 1rem;max-width: 100%}.account-pending-alert,.account-already-registered-alert{padding: var(--lumo-space-s) !important;gap: var(--lumo-space-s) !important;width: 100%;box-sizing: border-box;overflow: hidden}.account-pending-alert>div:last-child{gap: var(--lumo-space-s) !important;margin-top: 0 !important;width: 100%;box-sizing: border-box}.account-pending-alert vaadin-button{flex: 1 1 auto;min-width: 0}}@media (min-width: 600px) and (max-width: 768px){.offer-card{padding: 1.5rem;max-width: 100%}.account-pending-alert,.account-already-registered-alert{padding: var(--lumo-space-m) !important;max-width: calc(100% - 1rem);margin: 0 auto}}@media (min-width: 768px){.offer-card{padding: 2rem;max-width: 56.25rem}.account-pending-alert,.account-already-registered-alert{max-width: 28rem}}.auth-primary-lg{}@media (max-width: 600px){.auth-primary-lg{min-height: 3rem;font-weight: 600}}.offer-select{}@media (max-width: 600px){.offer-select{min-height: 3rem}}.workspace-optional{color: #17222F}@media (max-width: 600px){.workspace-optional{font-size: var(--lumo-font-size-l)}.workspace-preview{max-width: 100%;height: auto}.workspace-upload{max-width: 100%}}@media (min-width: 600px) and (max-width: 768px){.workspace-preview{max-width: 100%;height: auto}}@media (min-width: 768px){.workspace-preview{max-width: 100%;height: auto}}.est-kanban-active-row,.est-kanban-archived-row{align-items: stretch;display: flex;gap: var(--lumo-space-m);overflow-x: auto;overflow-y: hidden;padding-bottom: var(--lumo-space-s)}.est-kanban-active-row{flex: 1 1 auto;min-height: 240px}.est-kanban-archived-row{flex: 0 0 auto;max-height: min(75vh,375px)}.est-kanban-column{background: var(--light-background-color);border-radius: var(--lumo-border-radius-l);box-shadow: 0 1px 4px rgba(0,0,0,0.08),0 0 0 1px var(--lumo-contrast-10pct);display: flex;flex-direction: column;flex-shrink: 0;min-height: 200px;transition: box-shadow 0.2s ease;width: 300px}.est-kanban-column:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.12),0 0 0 1px var(--lumo-contrast-20pct)}.est-kanban-column-header{align-items: center;border-bottom: 1px solid var(--lumo-contrast-10pct);display: flex;gap: var(--lumo-space-s);padding: var(--lumo-space-m);flex-shrink: 0}.est-kanban-column-indicator{border-radius: 4px;flex-shrink: 0;height: 16px;width: 4px}.est-kanban-column-title{color: var(--lumo-heading-text-color);flex-grow: 1;font-size: var(--lumo-font-size-s);font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.est-kanban-column-count{background: var(--lumo-contrast-10pct);border-radius: 999px;color: var(--lumo-secondary-text-color);flex-shrink: 0;font-size: var(--lumo-font-size-xs);font-weight: 700;min-width: 24px;padding: 2px 8px;text-align: center}.est-kanban-column-scroller{flex-grow: 1;min-height: 0}.est-kanban-column-cards{gap: var(--lumo-space-s);min-height: 80px;padding: var(--lumo-space-s) var(--lumo-space-m)}.est-kanban-load-more{border-top: 1px solid var(--lumo-contrast-10pct);margin: 0 var(--lumo-space-s) var(--lumo-space-m);opacity: 0.7;padding-top: var(--lumo-space-xs);transition: opacity 0.2s ease;flex-shrink: 0}.est-kanban-column:hover .est-kanban-load-more{opacity: 1}.est-kanban-card{animation: estCardEnter 0.18s ease-out;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);cursor: pointer;width: 100%;overflow: hidden;position: relative;transition: box-shadow 0.2s ease,transform 0.2s ease,border-color 0.2s ease}.est-kanban-card:hover{border-color: var(--lumo-contrast-20pct);box-shadow: 0 4px 14px rgba(0,0,0,0.13);transform: translateY(-1px)}.est-kanban-card-status-bar{height: 3px;left: 0;position: absolute;right: 0;top: 0}.est-kanban-card-status-bar.status-draft{background: var(--lumo-contrast-40pct)}.est-kanban-card-status-bar.status-sent{background: var(--lumo-primary-color)}.est-kanban-card-status-bar.status-viewed{background: var(--lumo-primary-color-50pct)}.est-kanban-card-status-bar.status-approved{background: var(--lumo-success-color)}.est-kanban-card-status-bar.status-declined{background: var(--lumo-error-color)}.est-kanban-card-status-bar.status-expired{background: var(--lumo-warning-color)}.est-kanban-card-status-bar.status-cancelled{background: var(--lumo-error-color-50pct)}.est-kanban-card-status-bar.status-converted{background: var(--lumo-success-color-50pct)}.est-kanban-card-body{display: flex;flex-direction: column;gap: var(--lumo-space-xs);padding: var(--lumo-space-m) var(--lumo-space-m) var(--lumo-space-s);padding-top: calc(var(--lumo-space-m) + 3px)}.est-kanban-card-top{align-items: center;display: flex;justify-content: space-between}.est-kanban-card-docnum{background: var(--lumo-contrast-5pct);border-radius: var(--lumo-border-radius-s);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xxs);font-weight: 700;padding: 2px 6px}.est-kanban-card-age{color: var(--lumo-tertiary-text-color);font-size: var(--lumo-font-size-xxs)}.est-kanban-card-title{-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: var(--lumo-heading-text-color);display: -webkit-box;font-size: var(--lumo-font-size-s);font-weight: 600;line-height: 1.35;overflow: hidden}.est-kanban-card-chips{display: flex;flex-wrap: wrap;gap: 4px}.est-kanban-card-chip{border-radius: 999px;font-size: var(--lumo-font-size-xxs);font-weight: 600;padding: 2px 8px}.est-kanban-card-chip.chip-category{background: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color)}.est-kanban-card-chip.chip-wo{background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color)}.est-kanban-card-chip.chip-deposit{background: var(--lumo-warning-color-10pct);color: var(--lumo-warning-text-color)}.est-kanban-card-price{color: var(--lumo-success-text-color);font-size: var(--lumo-font-size-m);font-weight: 700;line-height: 1.2}.est-kanban-card-price.no-price{color: var(--lumo-disabled-text-color);font-size: var(--lumo-font-size-xs);font-weight: 400}.est-kanban-card-footer{align-items: center;border-top: 1px solid var(--lumo-contrast-5pct);display: flex;flex-wrap: wrap;gap: var(--lumo-space-xs);margin-top: var(--lumo-space-xs);padding: var(--lumo-space-xs) var(--lumo-space-m) var(--lumo-space-s)}.est-kanban-card-expiry{align-items: center;border-radius: var(--lumo-border-radius-s);display: flex;font-size: var(--lumo-font-size-xs);gap: 4px;padding: 2px 6px}.est-kanban-card-expiry.expiry-ok{background: var(--lumo-contrast-5pct);color: var(--lumo-secondary-text-color)}.est-kanban-card-expiry.expiry-soon{background: var(--lumo-warning-color-10pct);color: var(--lumo-warning-text-color)}.est-kanban-card-expiry.expiry-critical{background: var(--lumo-error-color-10pct);color: var(--lumo-error-text-color)}@keyframes estCardEnter{from{opacity: 0;transform: translateY(-8px)}to{opacity: 1;transform: translateY(0)}}.wo-kanban-columns-row{align-items: stretch;display: flex;flex: 1 1 auto;gap: var(--lumo-space-m);min-height: 240px;overflow-x: auto;overflow-y: hidden;padding-bottom: var(--lumo-space-s)}.wo-kanban-column{background: var(--light-background-color);border-radius: var(--lumo-border-radius-l);box-shadow: 0 1px 4px rgba(0,0,0,0.08),0 0 0 1px var(--lumo-contrast-10pct);display: flex;flex-direction: column;flex-shrink: 0;min-height: 200px;transition: box-shadow 0.2s ease;width: 300px}.wo-kanban-column:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.12),0 0 0 1px var(--lumo-contrast-20pct)}.wo-kanban-column-header{align-items: center;border-bottom: 1px solid var(--lumo-contrast-10pct);display: flex;flex-shrink: 0;gap: var(--lumo-space-s);padding: var(--lumo-space-m)}.wo-kanban-column-indicator{border-radius: 4px;flex-shrink: 0;height: 16px;width: 4px}.wo-kanban-column-title{color: var(--lumo-heading-text-color);flex-grow: 1;font-size: var(--lumo-font-size-s);font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.wo-kanban-column-count{background: var(--lumo-contrast-10pct);border-radius: 999px;color: var(--lumo-secondary-text-color);flex-shrink: 0;font-size: var(--lumo-font-size-xs);font-weight: 700;min-width: 24px;padding: 2px 8px;text-align: center}.wo-kanban-column-scroller{flex-grow: 1;min-height: 0}.wo-kanban-column-cards{gap: var(--lumo-space-s);min-height: 80px;padding: var(--lumo-space-s) var(--lumo-space-m)}.wo-kanban-load-more{border-top: 1px solid var(--lumo-contrast-10pct);flex-shrink: 0;margin: 0 var(--lumo-space-s) var(--lumo-space-m);opacity: 0.7;padding-top: var(--lumo-space-xs);transition: opacity 0.2s ease}.wo-kanban-column:hover .wo-kanban-load-more{opacity: 1}.wo-kanban-card{animation: woCardEnter 0.18s ease-out;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);cursor: pointer;width: 100%;overflow: hidden;position: relative;transition: box-shadow 0.2s ease,transform 0.2s ease,border-color 0.2s ease}.wo-kanban-card:hover{border-color: var(--lumo-contrast-20pct);box-shadow: 0 4px 14px rgba(0,0,0,0.13);transform: translateY(-1px)}.wo-kanban-card-status-bar{height: 3px;left: 0;position: absolute;right: 0;top: 0}.wo-kanban-card-status-bar.status-pending{background: var(--lumo-success-color-50pct)}.wo-kanban-card-status-bar.status-in_progress{background: var(--lumo-warning-color)}.wo-kanban-card-status-bar.status-pending_closure{background: var(--lumo-primary-color-50pct)}.wo-kanban-card-status-bar.status-completed{background: var(--lumo-primary-color)}.wo-kanban-card-status-bar.status-on_hold{background: var(--lumo-contrast-40pct)}.wo-kanban-card-status-bar.status-cancelled{background: var(--lumo-error-color-50pct)}.wo-kanban-card-body{display: flex;flex-direction: column;gap: var(--lumo-space-xs);padding: var(--lumo-space-m) var(--lumo-space-m) var(--lumo-space-s);padding-top: calc(var(--lumo-space-m) + 3px)}.wo-kanban-card-top{align-items: center;display: flex;justify-content: space-between}.wo-kanban-card-code{background: var(--lumo-contrast-5pct);border-radius: var(--lumo-border-radius-s);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xxs);font-weight: 700;padding: 2px 6px}.wo-kanban-card-age{color: var(--lumo-tertiary-text-color);font-size: var(--lumo-font-size-xxs)}.wo-kanban-card-customer{-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: var(--lumo-heading-text-color);display: -webkit-box;font-size: var(--lumo-font-size-s);font-weight: 600;line-height: 1.35;overflow: hidden}.wo-kanban-card-address{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.wo-kanban-card-chips{display: flex;flex-wrap: wrap;gap: 4px}.wo-kanban-card-chip{border-radius: 999px;font-size: var(--lumo-font-size-xxs);font-weight: 600;padding: 2px 8px}.wo-kanban-card-chip.chip-priority{background: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color)}.wo-kanban-card-chip.chip-type{background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color)}.wo-kanban-card-footer{align-items: center;border-top: 1px solid var(--lumo-contrast-5pct);display: flex;flex-wrap: wrap;gap: var(--lumo-space-xs);margin-top: var(--lumo-space-xs);padding: var(--lumo-space-xs) var(--lumo-space-m) var(--lumo-space-s)}.wo-kanban-card-technician{align-items: center;color: var(--lumo-secondary-text-color);display: flex;font-size: var(--lumo-font-size-xs);gap: 4px}@keyframes woCardEnter{from{opacity: 0;transform: translateY(-8px)}to{opacity: 1;transform: translateY(0)}}.contract-acceptance-view{padding: var(--lumo-space-xl) var(--lumo-space-m);box-sizing: border-box}.contract-acceptance-card{box-sizing: border-box;border: 1px solid rgba(18,38,63,0.08);backdrop-filter: blur(4px)}.contract-detail-row{display: flex;align-items: flex-start;gap: var(--lumo-space-s)}.contract-detail-label{width: 160px;flex-shrink: 0}.contract-detail-value{margin: 0;word-break: break-word}.contract-acceptance-signature{display: block;padding: var(--lumo-space-s);border-radius: var(--lumo-border-radius-m);background: rgba(255,255,255,0.75);border: 1px dashed rgba(18,38,63,0.18)}vaadin-dialog.contract-acceptance-dialog::part(overlay){width: min(800px,95vw);max-width: 95vw}@media (max-width: 768px){.contract-acceptance-view{padding: var(--lumo-space-m) var(--lumo-space-s)}.contract-acceptance-card{padding: var(--lumo-space-m);border-radius: var(--lumo-border-radius-m)}.contract-detail-row{flex-direction: column;gap: var(--lumo-space-xxs)}.contract-detail-label{width: 100%;margin-right: 0}.contract-acceptance-signature{padding: var(--lumo-space-s)}vaadin-dialog.contract-acceptance-dialog::part(overlay){width: calc(100vw - (2 * var(--lumo-space-s)));max-width: calc(100vw - (2 * var(--lumo-space-s)))}}@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap');.er-header{position: sticky;top: 0;z-index: 50;background: rgba(255,255,255,0.92);backdrop-filter: blur(12px);border-bottom: 1px solid var(--er-border);padding: 12px 16px;display: flex;align-items: center;justify-content: space-between;width: 100%;box-sizing: border-box}.er-brand{display: flex;align-items: center;gap: 10px;flex-shrink: 0}.er-brand-logo{width: 36px;height: 36px;border-radius: 8px;background: var(--er-accent);display: flex;align-items: center;justify-content: center;color: white;font-weight: 700;font-size: 16px;flex-shrink: 0}.er-brand-name{font-weight: 600;font-size: 15px}.er-expiry-badge{display: inline-flex;align-items: center;gap: 4px;font-size: 12px;font-weight: 600;padding: 4px 10px;border-radius: 999px;white-space: nowrap;background: var(--er-success-light);color: var(--er-success);border: 1px solid rgba(22,163,74,0.1)}.er-page-inner{max-width: 680px;margin: 0 auto;padding: 0 10px;width: 100%;box-sizing: border-box}.er-card{background: var(--er-surface);border-radius: var(--er-radius-lg);padding: 16px;box-shadow: var(--er-shadow-sm);animation: erFadeSlideUp 0.3s ease both}.er-section{margin-top: 24px;margin-bottom: 0px}.er-summary-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px}.er-estimate-label{font-size: 11px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--er-text-muted)}.er-status-badge{font-size: 11px;font-weight: 600;padding: 3px 9px;border-radius: 999px;letter-spacing: 0.04em;text-transform: uppercase;background: var(--er-accent-light);color: var(--er-accent-text)}.er-job-title{font-size: 18px;font-weight: 700;line-height: 1.3;margin-bottom: 6px}.er-job-desc{font-size: 13.5px;color: var(--er-text-secondary);line-height: 1.65;margin-bottom: 16px}.er-divider{border: none;border-top: 1px solid var(--er-border);margin: 12px 0}.er-meta-item{display: flex;flex-direction: column;gap: 2px}.er-meta-label{font-size: 11px;font-weight: 600;letter-spacing: 0.07em;text-transform: uppercase;color: var(--er-text-muted)}.er-meta-value{font-size: 13.5px;font-weight: 500}.er-options-section{margin-top: 16px}.er-section-title{font-size: 15px;font-weight: 700;margin-top: 8px;margin-bottom: 4px}.er-section-hint{font-size: 13px;color: var(--er-text-secondary);margin-bottom: 4px;line-height: 1.5}.er-option-card{background: var(--er-surface);border-radius: var(--er-radius-lg);padding: 18px 20px;box-shadow: var(--er-shadow-sm);border: 2px solid var(--er-border);margin-bottom: 12px;cursor: pointer;transition: box-shadow 0.18s,border-color 0.18s,transform 0.12s;animation: erFadeSlideUp 0.35s ease both}.er-option-card:hover{box-shadow: var(--er-shadow-md);border-color: rgba(37,99,235,0.3);transform: translateY(-1px)}.er-option-card.selected{border-color: var(--er-accent);box-shadow: var(--er-shadow-md),var(--er-shadow-focus);background: #FAFCFF}.er-option-top{display: flex;align-items: center;justify-content: space-between;gap: 12px}.er-option-label-group{display: flex;align-items: center;gap: 10px;flex: 1;min-width: 0}.er-radio-shell{width: 20px;height: 20px;border-radius: 50%;border: 2px solid #CBD5E1;background: white;flex-shrink: 0;transition: border-color 0.2s,background 0.2s;display: flex;align-items: center;justify-content: center}.er-option-card.selected .er-radio-shell{border-color: var(--er-accent);background: var(--er-accent);box-shadow: inset 0 0 0 3px white}.er-option-name{font-weight: 600;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.er-option-price{font-weight: 400;font-size: 18px;color: var(--er-accent-text);white-space: nowrap;font-family: Arial,Helvetica,sans-serif;flex-shrink: 0}.er-option-summary{display: flex;flex-direction: column;align-items: flex-end;gap: 4px}.er-option-summary-item{font-weight: 400;font-size: 14px;color: var(--er-text-secondary);white-space: nowrap;font-family: Arial,Helvetica,sans-serif}.er-option-price-group{display: flex;flex-direction: column;align-items: flex-end;gap: 4px;flex-shrink: 0}.er-option-desc{margin-top: 8px;font-size: 13px;color: var(--er-text-secondary);line-height: 1.6}.er-option-divider{border: none;border-top: 1px solid var(--er-border);margin: 14px 0 10px}.er-line-items{display: flex;flex-direction: column;gap: 5px}.er-line-item{display: flex;align-items: flex-start;gap: 8px;font-size: 13px}.er-content{width: 100%;box-sizing: border-box;overflow-x: clip}.er-check-icon{color: var(--er-success);font-weight: 700;font-size: 13px;flex-shrink: 0;margin-top: 1px}.er-terms-section{margin-top: 12px}.er-terms-header{display: flex;align-items: center;justify-content: space-between;cursor: pointer;user-select: none}.er-terms-title{font-weight: 600;font-size: 14px}.er-chevron{transition: transform 0.2s;color: var(--er-text-muted);font-size: 14px}.er-chevron.open{transform: rotate(180deg)}.er-terms-body{margin-top: 12px;font-size: 12.5px;color: var(--er-text-secondary);line-height: 1.75;white-space: pre-wrap;border-top: 1px solid var(--er-border);padding-top: 12px;display: none}.er-terms-body.open{display: block}.er-approve-btn{background: var(--er-accent) !important;color: white !important;border: none !important;border-radius: var(--er-radius-sm) !important;padding: 12px 24px !important;font-family: 'DM Sans',sans-serif !important;font-weight: 600 !important;font-size: 14px !important;cursor: pointer;transition: background 0.15s,opacity 0.15s,transform 0.1s;white-space: nowrap;min-width: 160px;flex-shrink: 0}.er-approve-btn:hover:not([disabled]){background: #1D4ED8 !important;transform: translateY(-1px)}.er-approve-btn[disabled]{opacity: 0.38 !important;cursor: not-allowed !important;transform: none !important}.er-centered-wrapper{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: calc(100vh - 80px);width: 100%;padding: 24px 16px;box-sizing: border-box}.er-centered-card{max-width: 560px;width: 100%;text-align: center;margin: 0;padding: 40px;border-radius: 12px;box-sizing: border-box}.er-state-icon{width: 64px;height: 64px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 28px;font-weight: 700;margin: 0 auto 16px}.er-state-icon--success{background: var(--er-success-light);color: var(--er-success)}.er-state-icon--error{background: var(--er-error-light);color: var(--er-error)}.er-state-icon--expired{background: #FFF7ED;color: #D97706}.er-state-heading{font-size: 22px;font-weight: 700;margin-bottom: 14px}.er-state-msg{font-size: 15px;color: var(--er-text-secondary);line-height: 1.75}.er-response-section{margin-top: 12px;margin-bottom: 24px}.er-response-card{display: flex;flex-direction: column;gap: 16px;width: 100%;box-sizing: border-box;overflow: hidden}.er-response-title{font-size: 18px;font-weight: 700;color: var(--er-text-primary);margin: 0}.er-response-note{font-size: 13px;color: var(--er-text-secondary);line-height: 1.6;margin: 0}.er-consent-row{padding: 8px 10px;border: 1px solid var(--er-border);border-radius: var(--er-radius-sm);background: rgba(255,255,255,0.6);overflow: hidden;box-sizing: border-box}.er-consent-checkbox{width: 100%;color: var(--er-text-primary);font-size: 13px;line-height: 1.4;display: block;box-sizing: border-box}.er-name-field{width: 100%}.er-signature-panel{border: 1px solid var(--er-border);background: #F8FAFC;border-radius: 12px;padding: 8px;margin-top: 8px;box-sizing: border-box;overflow: hidden}.er-signature-field{width: 100%;display: block;box-sizing: border-box;max-width: 100%;overflow: hidden}.er-signature-title{display: block;font-size: 13px;font-weight: 600;margin-bottom: 4px;color: var(--er-text-primary)}.er-signature-note{font-size: 12px;color: var(--er-text-secondary);margin: 0 0 6px 0;line-height: 1.4}.er-actions{display: flex;gap: 12px;flex-wrap: wrap;align-items: center}.er-decline-btn{border: 1px solid rgba(220,38,38,0.18);color: var(--er-error);background: white;border-radius: var(--er-radius-sm);min-width: 160px;padding: 12px 20px;font-weight: 600}.er-decline-comment{width: 100%}.er-response-primary{flex-shrink: 0}.er-confirm-decline-btn{background: var(--er-error) !important;color: white !important;border-radius: var(--er-radius-sm) !important;min-width: 180px;padding: 12px 20px;font-weight: 600}.er-cancel-decline-btn{border: 1px solid rgba(220,38,38,0.22);color: var(--er-error);background: white;border-radius: var(--er-radius-sm);min-width: 180px;padding: 12px 20px;font-weight: 600}.er-decline-actions{display: flex;gap: 12px;flex-wrap: wrap;align-items: center}.er-confirm-decline-btn,.er-cancel-decline-btn{flex: 1 1 180px}.er-decline-panel{display: flex;flex-direction: column;gap: 12px;padding-top: 12px;border-top: 1px solid var(--er-border);width: 100%;box-sizing: border-box}.er-terminal-bg{position: fixed;inset: 0;z-index: 0;overflow: hidden;pointer-events: none}.er-terminal-bg::before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 65vh;background: linear-gradient(135deg,rgba(68,169,209,0.08) 0%,rgba(68,169,209,0.04) 100%);clip-path: polygon(0 0,100% 0,100% 75%,0 100%)}.er-terminal-bg::after{content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 35vh;background-color: rgba(27,46,64,0.02)}.er-meta-layout{margin-top: 8px}.er-response-form{width: 100%;box-sizing: border-box;max-width: 100%}@keyframes erFadeSlideUp{from{opacity: 0;transform: translateY(12px)}to{opacity: 1;transform: translateY(0)}}@media (max-width: 640px){.er-header{padding: 10px 12px}.er-brand-name{font-size: 14px}.er-expiry-badge{font-size: 11px;padding: 4px 8px}.er-page-inner{padding: 0 10px}.er-card{padding: 16px;border-radius: 14px}.er-section{margin-top: 20px}.er-options-section{margin-top: 16px}.er-terms-section{margin-top: 12px}.er-response-section{margin-top: 12px;margin-bottom: 20px}.er-job-title{font-size: 18px;line-height: 1.25}.er-section-title{font-size: 14px;margin-top: 4px}.er-response-title{font-size: 16px}.er-job-desc,.er-section-hint,.er-response-note{font-size: 12.5px;line-height: 1.55}.er-meta-label{font-size: 10px}.er-meta-value{font-size: 13px}.er-option-card{padding: 16px;margin-bottom: 10px}.er-option-top{gap: 10px;align-items: flex-start}.er-option-name{font-size: 14px;white-space: normal;overflow: visible;text-overflow: unset}.er-option-price{font-size: 16px}.er-option-desc{font-size: 12.5px}.er-line-item{font-size: 12.5px}.er-response-card{gap: 10px}.er-consent-row{padding: 8px 10px;box-sizing: border-box}.er-signature-panel{padding: 8px;margin-top: 8px}.er-signature-title{font-size: 12.5px}.er-signature-note{font-size: 12px;line-height: 1.35;margin: 0 0 6px 0}.er-decline-panel{gap: 10px;padding-top: 10px}.er-actions{width: 100%;box-sizing: border-box;min-width: 0;flex-direction: column;align-items: stretch}.er-approve-btn,.er-decline-btn,.er-confirm-decline-btn,.er-cancel-decline-btn{width: 100%;min-width: 0}.er-decline-actions{width: 100%;box-sizing: border-box;flex-direction: column;align-items: stretch;gap: 10px}}vaadin-checkbox.er-consent-checkbox::part(checkbox){background: #fff;border: 2px solid #CBD5E1}vaadin-checkbox.er-consent-checkbox[checked]::part(checkbox){background: #4169E1;border-color: var(--er-accent)}vaadin-checkbox.er-consent-checkbox::part(checkmark){color: var(--er-accent)}.dashboard-card{border: 1px solid var(--lumo-primary-color-10pct);grid-template-columns: repeat(2,minmax(0,1fr));grid-auto-rows: 1fr;position: relative;overflow: hidden}.dashboard-card .quadrant{min-height: 1px;background-color: transparent}.dashboard-card .divider-bottom{border-bottom: 1px solid var(--lumo-contrast-10pct)}.dashboard-card .divider-right{border-right: 1px solid var(--lumo-contrast-10pct)}.announcement-card .announcement-icon{color: var(--lumo-primary-color)}@media (max-width: 900px){.dashboard-card{grid-template-columns: 1fr}.dashboard-card .divider-right{border-right: none}}@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200&display=swap');.minicalendar{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}.minicalendar .title{font-size: var(--lumo-font-size-m);color: var(--lumo-header-text-color);text-align: center}.minicalendar:not([disabled]) .title:not(.readonly){cursor: pointer}.minicalendar[disabled] .title{color: var(--lumo-disabled-text-color)}.minicalendar .weekday{font-family: 'Roboto Mono',monospace;font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);text-align: center;vertical-align: middle;line-height: 30px}.minicalendar .day{background-color: var(--lumo-contrast-5pct);border-radius: 15%;text-align: center;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);vertical-align: middle;line-height: 30px}.minicalendar[disabled] .day,.minicalendar .day.disabled{color: var(--lumo-disabled-text-color)}.minicalendar .day.disabled{cursor: not-allowed}.minicalendar:not([disabled]) .day:not(.readonly,.disabled){cursor: pointer}.minicalendar .day.rounded{border-radius: 50%}.minicalendar .day.highlight-weekend{background-color: var(--lumo-contrast-20pct)}.minicalendar .day.highlight-current-day{font-weight: bold}.minicalendar .day.selected{background-color: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color)}.minicalendar[disabled] .day.selected,.minicalendar .day.selected.read-only,.minicalendar .day.selected.disabled{background-color: var(--lumo-primary-color-10pct);color: var(--lumo-tertiary-text-color)}.minicalendar:not([disabled]) .day.hover:not(.readonly,.disabled):hover{box-shadow: var(--lumo-box-shadow-xs)}vaadin-checkbox[theme~="toggle-button"]{margin: 0;padding: 0}vaadin-checkbox[theme~="toggle-button"]::part(checkbox),vaadin-checkbox[theme~="toggle-button"]>input{grid-column: 1}vaadin-checkbox-group[theme~="toggle-button"]>vaadin-checkbox::part(checkbox),vaadin-checkbox[theme~="toggle-button"]::part(checkbox){width: calc(1.5em * 2 - 12px);height: 1.5em;border-radius: 0.75em;background-color: var(--lumo-contrast-40pct);margin: 0;cursor: pointer;padding-bottom: 0.2em}vaadin-checkbox-group[theme~="toggle-button"]>vaadin-checkbox::part(checkbox)::after,vaadin-checkbox[theme~="toggle-button"]::part(checkbox)::after{width: calc(1.2em - 4px);height: calc(1.2em - 4px);border-radius: 50%;background-color: var(--lumo-primary-contrast-color);border: none;top: 2px;left: 2px;transform: none;opacity: 1;transition: transform 0.2s ease}vaadin-checkbox-group[theme~="toggle-button"]>vaadin-checkbox[disabled]::part(checkbox)::after,vaadin-checkbox[theme~="toggle-button"][disabled]::part(checkbox)::after{color: transparent !important}vaadin-checkbox-group[theme~="toggle-button"]>vaadin-checkbox[checked]::part(checkbox)::after,vaadin-checkbox[theme~="toggle-button"][checked]::part(checkbox)::after{transform: translate(calc(100% - 8px))}vaadin-checkbox-group[theme~="toggle-button"]>vaadin-checkbox[checked]::part(checkbox),vaadin-checkbox[theme~="toggle-button"][checked]::part(checkbox){background-color: var(--lumo-primary-color)}vaadin-checkbox-group[theme~="toggle-button"]>vaadin-checkbox[checked][disabled]::part(checkbox),vaadin-checkbox[theme~="toggle-button"][checked][disabled]::part(checkbox){background-color: var(--lumo-primary-color);opacity: 0.3}.add-customer-card:hover{border-color: var(--lumo-primary-color);background-color: var(--lumo-primary-color-10pct);box-shadow: 0 4px 12px rgba(0,0,0,0.08);transition: 0.3s ease}vaadin-checkbox[theme~="switch"]::part(checkbox){border-radius: 9999px;width: var(--lumo-size-m)}vaadin-checkbox[theme~="switch"]::part(checkbox)::after{content: "";height: calc(var(--lumo-size-m) / 3);background-color: var(--lumo-secondary-text-color);border-radius: 9999px;inset: 0;margin: calc(var(--lumo-size-m) / 12);opacity: 1;transition: transform 0.2s;width: calc(var(--lumo-size-m) / 3)}vaadin-checkbox[theme~="switch"][checked]::part(checkbox)::after{background-color: var(--lumo-primary-contrast-color);transform: translateX(calc(var(--lumo-size-m) / 2))}@media (max-width: 600px){vaadin-confirm-dialog [slot="confirm-button"],vaadin-confirm-dialog [slot="cancel-button"],vaadin-confirm-dialog [slot="reject-button"]{width: 100%}}vaadin-multi-select-combo-box-chip.success-color-50pct{background: var(--lumo-success-color-50pct)}vaadin-multi-select-combo-box-chip.warning-color{background: var(--lumo-warning-color)}vaadin-multi-select-combo-box-chip.primary-color{background: var(--lumo-primary-color)}vaadin-multi-select-combo-box-chip.error-color-50pct{background: var(--lumo-error-color-50pct)}vaadin-multi-select-combo-box-chip.contrast-50pct{background: var(--lumo-contrast-50pct)}vaadin-multi-select-combo-box-chip.contrast-10pct{background: var(--lumo-contrast-10pct)}vaadin-multi-select-combo-box-chip.primary-color-50pct{background-color: var(--lumo-primary-color-50pct);color: var(--lumo-primary-contrast-color)}vaadin-multi-select-combo-box-chip.error-color{background-color: var(--lumo-error-color);color: var(--lumo-error-contrast-color)}vaadin-multi-select-combo-box-chip.contrast-10pct-outline{background-color: var(--lumo-contrast-10pct);border: 1px solid var(--lumo-contrast-20pct)}vaadin-multi-select-combo-box-chip.warning-color-10pct-outline{background-color: var(--lumo-warning-color-10pct);border: 1px solid var(--lumo-warning-color-50pct)}vaadin-multi-select-combo-box-chip.contrast-15pct-outline{background-color: var(--lumo-contrast-15pct);border: 1px solid var(--lumo-contrast-30pct)}vaadin-multi-select-combo-box-chip.primary-color-10pct-outline{background-color: var(--lumo-primary-color-10pct);border: 1px solid var(--lumo-primary-color-50pct)}vaadin-multi-select-combo-box-chip.success-color-10pct-outline{background-color: var(--lumo-success-color-10pct);border: 1px solid var(--lumo-success-color-50pct)}vaadin-multi-select-combo-box-chip.contrast-10pct-void{background-color: var(--lumo-contrast-10pct);border: 1px dashed var(--lumo-contrast-30pct);text-decoration: line-through}[theme*='status-']{border-radius: var(--lumo-border-radius-m);font-weight: 600;letter-spacing: 0.02em;text-transform: uppercase}[theme~='status-draft']{background-color: var(--lumo-contrast-10pct);border: 1px solid var(--lumo-contrast-20pct);color: var(--lumo-contrast-70pct)}[theme~='status-partial']{background-color: var(--lumo-warning-color-10pct);border: 1px solid var(--lumo-warning-color-50pct);color: var(--lumo-warning-text-color)}[theme~='status-unsent']{background-color: var(--lumo-contrast-15pct);border: 1px solid var(--lumo-contrast-30pct);color: var(--lumo-contrast-80pct)}[theme~='status-sent']{background-color: var(--lumo-primary-color-10pct);border: 1px solid var(--lumo-primary-color-50pct);color: var(--lumo-primary-text-color)}[theme~='status-open']{background-color: var(--lumo-primary-color-50pct);color: var(--lumo-primary-contrast-color)}[theme~='status-paid']{background-color: var(--lumo-success-color-10pct);border: 1px solid var(--lumo-success-color-50pct);color: var(--lumo-success-text-color)}[theme~='status-overdue']{background-color: var(--lumo-error-color);color: var(--lumo-error-contrast-color)}[theme~='status-void']{background-color: var(--lumo-contrast-10pct);border: 1px dashed var(--lumo-contrast-30pct);color: var(--lumo-contrast-60pct);text-decoration: line-through}a[theme~='badge'][theme*='status-']:hover{filter: brightness(0.98)}a[theme~='badge'][theme*='status-']:focus-visible{border-radius: calc(var(--lumo-border-radius-m) + 2px);outline: 2px solid var(--lumo-primary-color);outline-offset: 2px}:root{--alph-displacement-color: #327BC4;--alph-font-weight: 800;--alph-min-width: 100px;--alph-max-height: 35px;--alph-padding: 8px}[theme~="vaadin-confirm-dialog-width-auto"]{width: auto}.button-layout{margin-top: var(--lumo-space-s)}[theme~='btn'][theme~='primary']{font-weight: var(--alph-font-weight);min-width: var(--alph-min-width);max-height: var(--alph-max-height);padding: var(--alph-padding)}[theme~='btn'][theme~='primary'][theme~='save']{background-color: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color)}[theme~='btn'][theme~='primary'][theme~='new']{background-color: var(--lumo-primary-contrast-color);color: var(--lumo-primary-text-color)}[theme~='btn'][theme~='primary'][theme~='delete']{background-color: var(--lumo-error-color);color: var(--lumo-primary-contrast-color)}[theme~='btn'][theme~='primary'][theme~='print']{background-color: var(--lumo-contrast);color: var(--lumo-primary-contrast-color)}[theme~='btn'][theme~='primary'][theme~='find']{background-color: var(--lumo-success-color);color: var(--lumo-primary-contrast-color)}[theme~='btn'][theme~='primary'][theme~='cancel']{background-color: var(--lumo-primary-contrast-color);color: var(--lumo-error-color)}[theme~='btn'][theme~='primary'][theme~='displacement']{background-color: var(--lumo-secondary-text-color);color: var(--lumo-primary-contrast-color)}[theme~='btn'][theme~='primary'][disabled]{background-color: var(--lumo-contrast-30pct);color: var(--lumo-base-color);pointer-events: none}@media screen and (max-width: 800px){[theme~='btn'][theme~='primary'][theme~='find']{margin-inline-end: unset !important}}nav.breadcrumb li + li::before{content: var(--lumo-icons-angle-right);display: block;font-family: 'lumo-icons';margin: 0 var(--lumo-space-xs)}.tab-selected-menu-item{box-shadow: 0 0 0 1px var(--lumo-shade-5pct),0 1px 1px 0 var(--lumo-shade-5pct);color: var(--lumo-primary-color-50pct);font-weight: 600;border-radius: var(--lumo-border-radius-m);transition: color .16s,background-color .16s,box-shadow 60ms,transform .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;padding: var(--lumo-space-xs) var(--lumo-space-m);line-height: var(--lumo-line-height-xs)}.tab-not-selected-menu-item{font-weight: 600;border-radius: var(--lumo-border-radius-m);transition: color .16s,background-color .16s,box-shadow 60ms,transform .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;padding: var(--lumo-space-xs) var(--lumo-space-m);line-height: var(--lumo-line-height-xs);color: var(--lumo-secondary-text-color)}.selection-toolbar.selection-toolbar{display: flex !important;align-items: center;gap: var(--lumo-space-s);position: fixed;bottom: var(--lumo-space-l);left: 50%;translate: -50%;background: var(--lumo-base-color-80pct);padding: var(--lumo-space-s);-webkit-backdrop-filter: blur(var(--blur-radius));backdrop-filter: blur(var(--blur-radius));border-radius: var(--lumo-border-radius-l);box-shadow: inset 0 .5px 0 0 var(--lumo-tint-5pct),inset 0 0 0 .5px var(--lumo-tint-10pct),var(--lumo-box-shadow-l);transition: visibility .2s,translate .2s;white-space: nowrap;max-width: calc(100vw - var(--lumo-space-s) * 2)}.selection-toolbar[hidden]{visibility: hidden;translate: -50% 200%;transition-delay: .2s}.selection-toolbar>:not(vaadin-button,vaadin-menu-bar){margin-inline: var(--lumo-space-s)}.selection-toolbar vaadin-menu-bar{min-width: 0;flex: 1}@media only screen and (max-width: 665px){.selection-toolbar.selection-toolbar{bottom: 75px}}.sidebar-responsive-width{width: 50% !important}@media (max-width: 1024px){.sidebar-responsive-width{width: 100% !important;max-width: none}}.sidebar-responsive-content{padding-left: var(--lumo-space-m);padding-right: var(--lumo-space-m)}@media (max-width: 1024px){.sidebar-responsive-content{padding-left: var(--lumo-space-s);padding-right: var(--lumo-space-s)}}li.timeline::before{background-color: var(--lumo-contrast-30pct);content: "";inset: 0 auto 0 calc(var(--lumo-space-m) + (var(--lumo-size-m) / 2));position: absolute;width: 1px}li.timeline>*{z-index: 0}.image-gallery-view ol{grid-template-columns: repeat(auto-fill,minmax(256px,1fr))}.image-gallery-view li{transition: all 200ms cubic-bezier(0.4,0,0.2,1);transition-property: background-color,box-shadow}.image-gallery-view li:hover{background-color: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-s)}vaadin-upload[theme~="alt"]::part(primary-buttons){text-align: center;display: inline}vaadin-upload[theme~="alt"] vaadin-upload-file{border-top: 1px solid var(--lumo-contrast-10pct)}.unordered-list-posible-problems>li{padding-top: 2px;padding-bottom: 2px;align-items: center}.diagonal-bg{position: fixed;inset: 0;z-index: -1;overflow: hidden;pointer-events: none}.diagonal-bg::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 65vh;background: linear-gradient(135deg,rgba(68,169,209,0.08) 0%,rgba(68,169,209,0.04) 100%);clip-path: polygon(0 0,100% 0,100% 75%,0 100%)}.diagonal-bg::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 35vh;background-color: rgba(27,46,64,0.02)}:root{--er-bg: #F1F4F8;--er-surface: #FFFFFF;--er-border: rgba(0,0,0,0.08);--er-text-primary: #0F172A;--er-text-secondary: #64748B;--er-text-muted: #94A3B8;--er-accent: #2563EB;--er-accent-light: #EFF6FF;--er-accent-text: #0F172A;--er-success: #16A34A;--er-success-light: #F0FDF4;--er-error: #DC2626;--er-error-light: #FEF2F2;--er-shadow-sm: 0 1px 3px rgba(0,0,0,0.06),0 0 0 1px rgba(0,0,0,0.04);--er-shadow-md: 0 4px 16px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.04);--er-shadow-focus: 0 0 0 3px rgba(37,99,235,0.2);--er-radius-lg: 16px;--er-radius-sm: 8px}html{--lumo-base-color: #F5F5F5;--lumo-body-text-color: #2A2E35;--lumo-contrast: #17222F;--lumo-contrast-10pct: #1b2e401a;--lumo-contrast-20pct: #1b2e4029;--lumo-contrast-30pct: #1b2e4042;--lumo-contrast-40pct: #1b2e4061;--lumo-contrast-50pct: #1b2e4085;--lumo-contrast-5pct: #1b2e400d;--lumo-contrast-60pct: #1b2e4099;--lumo-contrast-70pct: #1b2e40b0;--lumo-contrast-80pct: #1b2e40d4;--lumo-contrast-90pct: #1b2e40f0;--lumo-disabled-text-color: #1b2e4042;--lumo-subtle-text-color: #77818D;--lumo-error-color: #E57368;--lumo-error-color-10pct: #d952311a;--lumo-error-color-50pct: #d9523180;--lumo-error-contrast-color: #ffffff;--lumo-error-text-color: #921f18;--lumo-heading-text-color: #17222F;--lumo-primary-color: #44A9D1;--lumo-primary-color-10pct: #44A9D121;--lumo-primary-color-50pct: #44A9D1C2;--lumo-primary-contrast-color: #FFFFFF;--lumo-primary-text-color: #3289B1;--lumo-secondary-text-color: #1B3A4B;--lumo-success-color: #3BB273;--lumo-success-color-10pct: #1688461a;--lumo-success-color-50pct: #16884680;--lumo-success-contrast-color: #ffffff;--lumo-success-text-color: #0a7637;--lumo-tertiary-text-color: #1c304a85;--lumo-user-color-0: #D68B90;--lumo-user-color-1: #7A5FA3;--lumo-user-color-2: #4E9AB8;--lumo-user-color-3: #D9904E;--lumo-user-color-4: #bf16f3;--lumo-user-color-5: #084391;--lumo-user-color-6: #078836;--lumo-user-holiday: #FF1A1A;--lumo-warning-color: #F9A825;--lumo-warning-color-10pct: #f9a82540;--lumo-warning-text-color: #7A4E00;--lumo-warning-contrast-color: #ffffff;--lumo-border-radius-s: 0.25rem;--lumo-border-radius-m: 0.5rem;--lumo-border-radius-l: 1rem;--vaadin-input-field-background: #FFF;--vaadin-input-field-hover-highlight: var(--lumo-contrast-30pct);--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--lumo-contrast-30pct);--vaadin-input-field-placeholder-color: var(--lumo-subtle-text-color);--vaadin-button-background: #FFF;--vaadin-button-border: 1px solid var(--lumo-primary-color-50pct);--light-background-color: #FFF;--lumo-space-xxl: 48px}[theme~="dark"]{}.card-background-color{background-color: var(--light-background-color)}vaadin-button{width: 8.75rem}vaadin-button:hover{}header{background-color: var(--light-background-color)}header nav a[highlight]{background-color: rgba(255,255,255,0);color: var(--lumo-primary-color)}header nav a:hover{--lumo-header-text-color: var(--lumo-primary-color-50pct)}header nav a[highlight] span{font-weight: 600}vaadin-upload::part(primary-buttons){display: flex;align-items: center;justify-content: center;height: 100%}vaadin-avatar{border-radius: 2rem;border-color: var(--lumo-contrast)}.content-max-width{max-width: 862px}.column-gap{column-gap: 62px}.fc-timegrid-allday{display: none}.mt-xxl{margin-top: var(--lumo-space-xxl)}@media (min-width: 800px){.two-columns-when-over-800px{grid-column: span 2}}@media (min-width: 800px){.column-max-width-when-over-800px{max-width: 400px}}@media (min-width: 600px){.flex-over-600px{display: flex}}@media screen and (max-width: 1400px){.flex-wrap-layout{flex-wrap: wrap;min-width: 100%}}vaadin-dialog.not-available-dialog::part(overlay){width: 1024px}vaadin-dialog.appointment-dialog::part(content){padding: 0}@media screen and (max-width: 1400px){vaadin-dialog::part(content){padding: var(--lumo-space-s)}}@media screen and (max-width: 1400px){.remove-margin-left-amount-layout{margin-left: 0}}.avatar-over-700px{height: 200px;width: 200px}@media screen and (max-width: 700px){.avatar-over-700px{height: 100px;width: 100px}}.disabled-card{opacity: 0.5;pointer-events: none;user-select: none}.step-badge{transition: transform 0.2s ease-in-out}.step-badge:hover{transform: scale(1.1)}.wpp-sales-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-l);display: flex;flex-direction: column;gap: var(--lumo-space-m);border-left: 4px solid transparent}.wpp-card-success{border-left-color: var(--lumo-success-color)}.wpp-card-error{border-left-color: var(--lumo-error-color)}vaadin-grid::part(preformatted){white-space: pre-wrap}@media (pointer: coarse){vaadin-text-field::part(input-field),vaadin-email-field::part(input-field),vaadin-password-field::part(input-field),vaadin-text-area::part(input-field){font-size: max(16px,1rem) !important;line-height: 1.5}}@media (pointer: fine) and (min-width: 600px){vaadin-text-field::part(input-field),vaadin-email-field::part(input-field),vaadin-password-field::part(input-field),vaadin-text-area::part(input-field){font-size: var(--lumo-font-size-m,14px)}}