html{--lumo-font-size: 1rem;--lumo-font-size-xxxl: 1.375rem;--lumo-font-size-xxl: 1.125rem;--lumo-font-size-xl: 1rem;--lumo-font-size-l: .875rem;--lumo-font-size-m: .75rem;--lumo-font-size-s: .6875rem;--lumo-font-size-xs: .625rem;--lumo-font-size-xxs: .625rem;--lumo-border-radius: .125em;--lumo-size-xl: 2.5rem;--lumo-size-l: 2rem;--lumo-size-m: 1.75rem;--lumo-size-s: 1.5rem;--lumo-size-xs: 1.25rem;--lumo-space-xl: 1.75rem;--lumo-space-l: 1.125rem;--lumo-space-m: .5rem;--lumo-space-s: .25rem;--lumo-space-xs: .125rem;--lumo-primary-text-color: rgb(0, 170, 191);--lumo-primary-color-50pct: rgba(0, 170, 191, .5);--lumo-primary-color-10pct: rgba(0, 170, 191, .1);--lumo-error-text-color: rgb(214, 45, 32);--lumo-error-color-50pct: rgba(214, 45, 32, .5);--lumo-error-color-10pct: rgba(214, 45, 32, .1);--lumo-success-text-color: rgb(0, 128, 0);--lumo-success-color-50pct: rgba(0, 128, 0, .5);--lumo-success-color-10pct: rgba(0, 128, 0, .1);--lumo-primary-color: hsl(188, 100%, 37%);--lumo-error-color: hsl(5, 74%, 48%);--lumo-success-color: hsl(120, 100%, 25%);--lumo-header-text-color: hsl(240, 30%, 20%);--lumo-body-text-color: hsla(240, 30%, 20%, .94);--lumo-secondary-text-color: hsla(240, 30%, 30%, .72);--lumo-tertiary-text-color: hsla(240, 30%, 40%, .5);--lumo-disabled-text-color: hsla(240, 30%, 50%, .26)}[theme~=dark]{--lumo-shade-5pct: rgba(26, 26, 26, .05);--lumo-shade-10pct: rgba(26, 26, 26, .1);--lumo-shade-20pct: rgba(26, 26, 26, .2);--lumo-shade-30pct: rgba(26, 26, 26, .3);--lumo-shade-40pct: rgba(26, 26, 26, .4);--lumo-shade-50pct: rgba(26, 26, 26, .5);--lumo-shade-60pct: rgba(26, 26, 26, .6);--lumo-shade-70pct: rgba(26, 26, 26, .7);--lumo-shade-80pct: rgba(26, 26, 26, .8);--lumo-shade-90pct: rgba(26, 26, 26, .9);--lumo-primary-text-color: rgb(102, 217, 232);--lumo-primary-color-50pct: rgba(102, 217, 232, .5);--lumo-primary-color-10pct: rgba(102, 217, 232, .1);--lumo-error-text-color: rgb(255, 97, 97);--lumo-error-color-50pct: rgba(255, 97, 97, .5);--lumo-error-color-10pct: rgba(255, 97, 97, .1);--lumo-success-text-color: rgb(76, 255, 76);--lumo-success-color-50pct: rgba(76, 255, 76, .5);--lumo-success-color-10pct: rgba(76, 255, 76, .1);--lumo-shade: hsl(0, 0%, 10%);--lumo-primary-color: hsl(188, 75%, 65%);--lumo-error-color: hsl(0, 100%, 69%);--lumo-success-color: hsl(120, 100%, 60%);--lumo-success-contrast-color: hsl(240, 20%, 10%)}.mobile-optimized-view{--mobile-padding: .5rem}.mobile-field,.mobile-combo{font-size:14px!important}.mobile-button{min-height:2.5rem!important;padding:.5rem!important;font-size:14px!important}.mobile-grid{font-size:13px!important}.mobile-grid .vaadin-grid-cell{padding:.3rem!important}.mobile-dialog{border-radius:0!important}.mobile-dialog::part(overlay){align-items:flex-start!important;justify-content:flex-start!important}.mobile-dialog::part(content){max-height:100vh!important;overflow:auto!important;padding:.5rem!important}.mobile-filters-layout{flex-wrap:wrap!important}.mobile-actions-layout,.mobile-quantity-layout{justify-content:center!important}.mobile-products-container{min-height:300px!important}.mobile-bottom-controls{flex-wrap:wrap!important;gap:.5rem!important}@media (max-width: 768px){.mobile-optimized-view{padding:var(--mobile-padding)!important}.mobile-button{flex:1 0 auto!important}.mobile-grid [aria-colindex="1"]{display:none!important}}@media (max-width: 480px){.mobile-grid [aria-colindex="5"]{display:none!important}.mobile-bottom-controls{justify-content:center!important}.mobile-bottom-controls>*{flex-basis:45%!important;margin-bottom:.5rem!important}}.mobile-grid{width:100%!important;max-width:100vw!important;overflow-x:auto!important}.mobile-grid ::part(body-cell){min-width:auto!important;max-width:100px!important}.mobile-grid ::part(scroll-region){overflow-x:auto!important}@media (max-width: 768px){.mobile-grid{font-size:12px!important}.mobile-grid ::part(header-cell),.mobile-grid ::part(body-cell){padding:.25rem!important}.mobile-grid .hide-on-mobile{display:none!important}}vaadin-button[theme~=primary]{background-color:#00aabf!important;border-color:#00aabf!important;color:#fff!important}vaadin-button[theme~=primary]:hover{background-color:#008fa3!important;border-color:#008fa3!important}a{color:#00aabf!important}a:hover{color:#008fa3!important}.badge-primary{background-color:#00aabf!important;color:#fff!important}h1,h2,h3{color:#00aabf!important}.accent-border{border-color:#00aabf!important}.icon-primary{color:#00aabf!important}.item-selected{background-color:#00aabf1a!important;border-left:3px solid #00aabf!important}vaadin-button[theme~=success]{background-color:var(--lumo-success-color)!important;border-color:var(--lumo-success-color)!important;color:#fff!important}vaadin-button[theme~=success]:hover{background-color:#060!important;border-color:#060!important}.badge-success{background-color:var(--lumo-success-color)!important;color:#fff!important}.icon-success{color:var(--lumo-success-color)!important}.item-success{background-color:var(--lumo-success-color-10pct)!important;border-left:3px solid var(--lumo-success-color)!important}.notification-success{background-color:var(--lumo-success-color-10pct)!important;border-left:4px solid var(--lumo-success-color)!important}.compact-user-menu vaadin-menu-bar-overlay::part(overlay){padding:var(--lumo-space-xs) 0;border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-m)}.compact-user-menu vaadin-menu-bar-overlay::part(content){padding:0}.compact-user-menu vaadin-menu-bar-item{min-height:32px;padding:var(--lumo-space-xs) var(--lumo-space-m);font-size:var(--lumo-font-size-s);margin:0}.compact-user-menu vaadin-menu-bar-item:hover{background-color:var(--lumo-contrast-5pct)}.compact-user-menu vaadin-menu-bar-item[disabled]{min-height:1px;padding:0;margin:var(--lumo-space-xs) var(--lumo-space-m);background-color:var(--lumo-contrast-10pct);cursor:default}.compact-user-menu vaadin-menu-bar-item[disabled]:first-child{min-height:32px;padding:var(--lumo-space-xs) var(--lumo-space-m);margin:0;background-color:var(--lumo-contrast-5pct);color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);font-weight:500}.compact-user-menu vaadin-menu-bar-item:last-child{color:var(--lumo-error-color);font-weight:500}.compact-user-menu vaadin-menu-bar-item:last-child:hover{background-color:var(--lumo-error-color-10pct)}.logo-container{display:flex;justify-content:center;align-items:center;padding:var(--lumo-space-m) 0;border-bottom:1px solid var(--lumo-contrast-10pct);margin-bottom:var(--lumo-space-s);width:100%}.app-logo{width:80px;height:80px;border-radius:50%;cursor:pointer;border:3px solid var(--lumo-contrast-10pct);object-fit:cover;transition:all .3s ease;display:block;margin:0 auto}.app-logo:hover{border-color:var(--lumo-primary-color);transform:scale(1.05);box-shadow:0 4px 12px #00000026}.title-wrapper{text-align:center;padding:var(--lumo-space-s) 0}.app-title{margin:0;color:var(--lumo-primary-color);font-size:var(--lumo-font-size-l);font-weight:600}