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-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-multi-select-combo-box{padding:.5rem .1rem .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-wrapper::part(brand){padding:0!important}vaadin-login-overlay-wrapper::part(description){margin:10px!important}vaadin-login-form-wrapper::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:.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)}.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-form-wrapper{background:#fff!important;align-items:center}vaadin-login-form-wrapper vaadin-button{width:calc(var(--lumo-size-xl) * 5);margin:var(--lumo-space-s) auto;align-content:center}vaadin-login-form-wrapper vaadin-text-field,vaadin-login-form-wrapper vaadin-password-field{--lumo-text-field-size: var(--lumo-size-m)}vaadin-login-overlay-wrapper::part(card){background:#fff!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-wrapper::part(brand){background:#fff!important}vaadin-login-overlay-wrapper::part(description){display:none}vaadin-login-overlay-wrapper::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-wrapper::part(card){width:100%}vaadin-login-form vaadin-button[theme~=submit]{width:100%}}@media only screen and (max-width:768px){vaadin-login-overlay-wrapper::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-wrapper::part(card){padding:1.2rem}vaadin-login-form-wrapper vaadin-password-field,vaadin-login-form-wrapper vaadin-text-field{padding:.5rem .1rem .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}}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(3em - 12px);height:1.5em;border-radius:.75em;background-color:var(--lumo-contrast-40pct);margin:0;cursor:pointer;padding-bottom:.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 .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:.3}.add-customer-card:hover{border-color:var(--lumo-primary-color);background-color:var(--lumo-primary-color-10pct);box-shadow:0 4px 12px #00000014;transition:.3s ease}:host([theme~="switch"]) [part=checkbox]{border-radius:9999px;width:var(--lumo-size-m)}:host([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 .2s;width:calc(var(--lumo-size-m) / 3)}:host([theme~="switch"][checked]) [part=checkbox]:after{background-color:var(--lumo-primary-contrast-color);transform:translate(calc(var(--lumo-size-m) / 2))}vaadin-multi-select-combo-box-chip.pending{background:var(--lumo-success-color-50pct)}vaadin-multi-select-combo-box-chip.in-progress{background:var(--lumo-warning-color)}vaadin-multi-select-combo-box-chip.completed{background:var(--lumo-primary-color)}vaadin-multi-select-combo-box-chip.cancelled{background:var(--lumo-error-color-50pct)}vaadin-multi-select-combo-box-chip.closed{background:var(--lumo-contrast-50pct)}vaadin-multi-select-combo-box-chip.on-hold{background:var(--lumo-contrast-10pct)}vaadin-multi-select-combo-box-chip.draft{background-color:var(--lumo-contrast-10pct);border:1px solid var(--lumo-contrast-20pct)}vaadin-multi-select-combo-box-chip.partial{background-color:var(--lumo-warning-color-10pct);border:1px solid var(--lumo-warning-color-50pct)}vaadin-multi-select-combo-box-chip.unsent{background-color:var(--lumo-contrast-15pct);border:1px solid var(--lumo-contrast-30pct)}vaadin-multi-select-combo-box-chip.open{color:var(--lumo-primary-contrast-color);background-color:var(--lumo-primary-color-50pct)}vaadin-multi-select-combo-box-chip.sent{background-color:var(--lumo-primary-color-10pct);border:1px solid var(--lumo-primary-color-50pct)}vaadin-multi-select-combo-box-chip.paid{background-color:var(--lumo-success-color-10pct);border:1px solid var(--lumo-success-color-50pct)}vaadin-multi-select-combo-box-chip.overdue{color:var(--lumo-error-contrast-color);background-color:var(--lumo-error-color)}vaadin-multi-select-combo-box-chip.void{background-color:var(--lumo-contrast-10pct);border:1px solid var(--lumo-contrast-30pct)}[theme*=status-]{font-weight:600;letter-spacing:.02em;border-radius:var(--lumo-border-radius-m);text-transform:uppercase}[theme~=status-draft]{color:var(--lumo-contrast-70pct);background-color:var(--lumo-contrast-10pct);border:1px solid var(--lumo-contrast-20pct)}[theme~=status-partial]{color:var(--lumo-warning-text-color);background-color:var(--lumo-warning-color-10pct);border:1px solid var(--lumo-warning-color-50pct)}[theme~=status-unsent]{color:var(--lumo-contrast-80pct);background-color:var(--lumo-contrast-15pct);border:1px solid var(--lumo-contrast-30pct)}[theme~=status-sent]{color:var(--lumo-primary-text-color);background-color:var(--lumo-primary-color-10pct);border:1px solid var(--lumo-primary-color-50pct)}[theme~=status-open]{color:var(--lumo-primary-contrast-color);background-color:var(--lumo-primary-color-50pct)}[theme~=status-paid]{color:var(--lumo-success-text-color);background-color:var(--lumo-success-color-10pct);border:1px solid var(--lumo-success-color-50pct)}[theme~=status-overdue]{color:var(--lumo-error-contrast-color);background-color:var(--lumo-error-color)}[theme~=status-void]{color:var(--lumo-contrast-60pct);background-color:var(--lumo-contrast-10pct);border:1px dashed var(--lumo-contrast-30pct);text-decoration:line-through}a[theme~=badge][theme*=status-]:hover{filter:brightness(.98)}a[theme~=badge][theme*=status-]:focus-visible{outline:2px solid var(--lumo-primary-color);outline-offset:2px;border-radius:calc(var(--lumo-border-radius-m) + 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 .2s cubic-bezier(.4,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-list li{border-top:1px solid var(--lumo-contrast-10pct)}.unordered-list-posible-problems>li{padding-top:2px;padding-bottom:2px;align-items:center}.change-password{display:flex;align-items:center;justify-content:center}section{width:calc(var(--lumo-size-xl) * 10);max-width:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;border-radius:2.5rem;box-shadow:var(--lumo-box-shadow-s);margin:var(--lumo-space-s);height:auto;background:var(--lumo-base-color) linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct))}section #brand{box-sizing:border-box;overflow:hidden;flex-grow:1;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--lumo-space-l) var(--lumo-space-xl) var(--lumo-space-l) var(--lumo-space-l);background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);min-height:calc(var(--lumo-size-m) * 5)}section #brand h1{color:inherit;margin:0;font-size:var(--lumo-font-size-xxxl)}section #brand p{line-height:var(--lumo-line-height-s);color:var(--lumo-tint-70pct);margin-bottom:0;display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0}section #form{padding:var(--lumo-space-l);flex:1;display:flex;flex-direction:column;box-sizing:border-box}section #form vaadin-button{width:calc(var(--lumo-size-xl) * 5);margin:var(--lumo-space-m) auto}section #form h2{margin-top:calc(var(--lumo-font-size-xxxl) - var(--lumo-font-size-xxl));color:var(--lumo-header-text-color);line-height:var(--lumo-line-height-xs);margin-block:0;display:block;font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700}.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)}.userMenuHeader .userMenuNickname{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.userMenuLinks{padding-bottom:var(--lumo-space-xs);align-items:stretch}.userMenuLinks a{padding:var(--lumo-space-xs) var(--lumo-space-m);color:var(--lumo-body-text-color);text-decoration:none}.userMenuLinks a:hover{background:var(--lumo-contrast-5pct)}.pricing-container{gap:var(--lumo-space-l)}.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);width:400px;display:flex;flex-direction:column;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.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),.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)}.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);width:20%;min-width:200px}#notifications-heading{font-size:var(--lumo-font-size-l)}.notification-icon{transition:transform .3s ease,box-shadow .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-tabsheet.notifications vaadin-tabs::part(tabs){margin-left:var(--lumo-space-xs)}vaadin-tabsheet.notifications 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)}vaadin-tabsheet.notifications vaadin-message-list vaadin-message::part(name){font-weight:600;margin-right:auto}vaadin-tabsheet.notifications vaadin-message-list vaadin-message::part(time){font-size:var(--lumo-font-size-xxs)}vaadin-tabsheet.notifications vaadin-message-list vaadin-message::part(message){font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-xs);color:var(--lumo-secondary-text-color)}vaadin-tabsheet.notifications .no-notifications-msg{padding:var(--lumo-space-m);color:var(--lumo-secondary-text-color)}.invoice-view-container{background-image:url(/images/login-bg.png);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:100vh}.invoice-card{background:#fff;border-radius:var(--lumo-border-radius-l);box-shadow:0 0 20px #17222f26;max-width:900px;width:100%;padding:var(--lumo-space-xl);margin:var(--lumo-space-l)}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--lumo-space-l);border-bottom:2px solid var(--lumo-contrast-10pct);margin-bottom:var(--lumo-space-l)}.invoice-header-left{display:flex;flex-direction:column;gap:var(--lumo-space-xs);flex:1}.invoice-logo{max-width:40%}.invoice-status-container{display:flex;flex-direction:column;align-items:flex-end;gap:var(--lumo-space-xs)}.invoice-number{font-size:var(--lumo-font-size-l);font-weight:600;color:var(--lumo-secondary-text-color);word-break:break-all;max-width:500px;line-height:1.4}.invoice-section{margin-bottom:var(--lumo-space-l)}.invoice-section-title{font-size:var(--lumo-font-size-m);font-weight:600;color:var(--lumo-heading-text-color);margin-bottom:var(--lumo-space-s);text-transform:uppercase;letter-spacing:.05em}.invoice-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--lumo-space-m)}.invoice-info-item{display:flex;flex-direction:column}.invoice-info-label{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);font-weight:500;margin-bottom:var(--lumo-space-xs)}.invoice-info-value{font-size:var(--lumo-font-size-m);color:var(--lumo-body-text-color)}.invoice-line-items{width:100%;border-collapse:collapse;margin:var(--lumo-space-m) 0}.invoice-line-items thead{background-color:var(--lumo-contrast-5pct)}.invoice-line-items th{text-align:left;padding:var(--lumo-space-s);font-size:var(--lumo-font-size-s);font-weight:600;color:var(--lumo-secondary-text-color);text-transform:uppercase;letter-spacing:.05em}.invoice-line-items td{padding:var(--lumo-space-s);border-bottom:1px solid var(--lumo-contrast-10pct);font-size:var(--lumo-font-size-m);color:var(--lumo-body-text-color)}.invoice-line-items tr:last-child td{border-bottom:none}.invoice-line-items .amount-column{text-align:right;font-weight:500}.invoice-summary{display:flex;flex-direction:column;align-items:flex-end;margin-top:var(--lumo-space-l);padding-top:var(--lumo-space-l);border-top:2px solid var(--lumo-contrast-10pct)}.invoice-summary-row{display:flex;justify-content:space-between;min-width:300px;padding:var(--lumo-space-xs) 0}.invoice-summary-label{font-size:var(--lumo-font-size-m);color:var(--lumo-secondary-text-color)}.invoice-summary-value{font-size:var(--lumo-font-size-m);color:var(--lumo-body-text-color);font-weight:500}.invoice-summary-total{border-top:2px solid var(--lumo-contrast-20pct);margin-top:var(--lumo-space-s);padding-top:var(--lumo-space-s)}.invoice-summary-total .invoice-summary-label{font-size:var(--lumo-font-size-l);font-weight:700;color:var(--lumo-heading-text-color)}.invoice-summary-total .invoice-summary-value{font-size:var(--lumo-font-size-xl);font-weight:700;color:var(--lumo-heading-text-color)}.invoice-balance{background-color:var(--lumo-primary-color-10pct);padding:var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);margin-top:var(--lumo-space-s)}.invoice-balance .invoice-summary-label{color:var(--lumo-primary-text-color);font-weight:600}.invoice-balance .invoice-summary-value{color:var(--lumo-primary-color);font-weight:700}.invoice-payment-link{display:block;text-align:center;padding:var(--lumo-space-m);margin:var(--lumo-space-m) 0;font-size:var(--lumo-font-size-l);font-weight:600;color:var(--lumo-primary-color);text-decoration:none;cursor:pointer;transition:all .2s ease-in-out}.invoice-payment-link:hover{color:var(--lumo-primary-text-color);text-decoration:underline}.invoice-payment-link vaadin-icon{vertical-align:middle;margin-left:var(--lumo-space-xs)}.invoice-notes{background-color:var(--lumo-contrast-5pct);padding:var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);border-left:4px solid var(--lumo-primary-color);margin-top:var(--lumo-space-l)}.invoice-notes-title{font-size:var(--lumo-font-size-s);font-weight:600;color:var(--lumo-secondary-text-color);margin-bottom:var(--lumo-space-xs);text-transform:uppercase}.invoice-notes-content{font-size:var(--lumo-font-size-m);color:var(--lumo-body-text-color);line-height:1.6}.invoice-error-container{background:#fff;border-radius:var(--lumo-border-radius-l);box-shadow:0 0 20px #17222f26;max-width:500px;width:100%;padding:var(--lumo-space-xl);text-align:center}.invoice-error-icon{color:var(--lumo-error-color);font-size:64px;margin-bottom:var(--lumo-space-m)}.invoice-error-title{font-size:var(--lumo-font-size-xxl);font-weight:700;color:var(--lumo-error-color);margin-bottom:var(--lumo-space-m)}.invoice-error-message{font-size:var(--lumo-font-size-m);color:var(--lumo-secondary-text-color);margin-bottom:var(--lumo-space-l)}@media screen and (max-width:768px){.invoice-card{padding:var(--lumo-space-m);margin:var(--lumo-space-s)}.invoice-header{flex-direction:column;align-items:flex-start;gap:var(--lumo-space-m)}.invoice-status-container{align-items:flex-start}.invoice-logo{height:60px}.invoice-number{font-size:var(--lumo-font-size-xl)}.invoice-info-grid{grid-template-columns:1fr}.invoice-line-items{font-size:var(--lumo-font-size-s)}.invoice-line-items th,.invoice-line-items td{padding:var(--lumo-space-xs)}.invoice-summary-row{min-width:100%}.invoice-payment-button{width:100%;font-size:var(--lumo-font-size-m)}}@media print{.invoice-view-container{background:#fff}.invoice-card{box-shadow:none;max-width:100%;padding:0;margin:0}.invoice-payment-section{display:none}}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: .25rem;--lumo-border-radius-m: .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-button-background: #FFF;--vaadin-button-border: 1px solid var(--lumo-primary-color-50pct);--light-background-color: #FFF;--lumo-space-xxl: 48px}.card-background-color{background-color:var(--light-background-color)}vaadin-button{width:8.75rem}header{background-color:var(--light-background-color)}header nav a[highlight]{background-color:#fff0;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-overlay.not-available-dialog::part(overlay){width:1024px}vaadin-dialog-overlay.appointment-dialog::part(content){padding:0}@media screen and (max-width:1400px){vaadin-dialog-overlay::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:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.step-badge{transition:transform .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)}