@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap');html{--tp-amber: #f5a83c;--tp-amber-shade: #c9822a;--tp-amber-light: #f8c47c;--tp-paper: #f6f2e9;--tp-ink: #0b2126;--tp-teal: #154e58;--tp-teal-deep: #09252b;--tp-teal-mid: #2b7f8c;--tp-teal-light: #7fb3bb;--tp-teal-pale: #cfe2e5;--tp-sand: #e2c9a2;--tp-muted: #8b9a9a;--aura-accent-color-light: var(--tp-teal);--aura-accent-color-dark: var(--tp-teal-mid);--aura-accent-contrast-color: #ffffff;--aura-font-family: 'Montserrat','Inter Tight',var(--aura-font-family-system)}:where(:root),:where(:host){--vaadin-app-layout-drawer-width: 256px}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar']){--vaadin-app-layout-navbar-padding-top: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-inline-start: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-inline-end: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-bottom: 0px;transition: padding-bottom var(--vaadin-app-layout-transition-duration),padding-inline-start var(--vaadin-app-layout-transition-duration),padding-inline-end var(--vaadin-app-layout-transition-duration)}vaadin-app-layout.jmix-main-view-app-layout[drawer-opened]:not([primary-section='navbar']){--vaadin-app-layout-navbar-padding-inline-start: 0px}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar'])::part(navbar){transition: inset-inline-start var(--vaadin-app-layout-transition-duration),padding var(--vaadin-app-layout-transition-duration)}vaadin-app-layout.jmix-main-view-app-layout[has-navbar]:not([primary-section='navbar'])>:nth-child(1 of :not([slot])):nth-last-child(1 of :not([slot])){border-top-width: 0;border-start-start-radius: 0;border-start-end-radius: 0}vaadin-app-layout.jmix-main-view-app-layout[has-navbar][has-drawer][drawer-opened]:not([overlay]):not([primary-section='navbar'])>:nth-child(1 of :not([slot])):nth-last-child(1 of :not([slot])){border-start-start-radius: 0}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar']) .jmix-main-view-header{background: linear-gradient(var(--aura-surface-color),var(--aura-surface-color)),var(--aura-app-background);background-clip: padding-box;background-origin: border-box;border: var(--aura-app-layout-border-width) solid var(--vaadin-border-color-secondary);border-top-width: min(var(--aura-app-layout-inset),var(--aura-app-layout-border-width));border-inline-width: min(var(--aura-app-layout-inset),var(--aura-app-layout-border-width));border-bottom-width: 1px;border-start-start-radius: var(--_app-layout-radius);border-start-end-radius: var(--_app-layout-radius);padding: var(--vaadin-padding-s) var(--vaadin-padding-m)}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar'])::part(navbar-bottom){border-top: 1px solid var(--vaadin-border-color-secondary)}vaadin-app-layout.jmix-main-view-app-layout[has-drawer][drawer-opened]:not([overlay]):not([primary-section='navbar'])>.jmix-main-view-header{border-inline-start-width: var(--aura-app-layout-border-width)}.jmix-main-view-header{display: flex;align-items: center;width: 100%;box-sizing: border-box;gap: var(--vaadin-gap-m)}.jmix-main-view-title{font-size: var(--aura-font-size-xl)}.jmix-main-view-section{display: flex;flex-direction: column;align-items: stretch;max-height: 100%;min-height: 100%}.jmix-main-view-application-title{display: flex;align-items: center;margin: 0;padding: var(--vaadin-padding-m);font-size: var(--aura-font-size-l)}.jmix-main-view-application-title-base-link{color: var(--vaadin-text-color);text-decoration: none}.jmix-main-view-navigation{display: flex;flex-direction: column;flex-grow: 1;overflow: auto}.jmix-main-view-footer{display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-m);padding-bottom: max(0px,var(--aura-app-layout-inset) - var(--vaadin-padding-m));border-top: 1px solid var(--vaadin-border-color-secondary)}.jmix-main-view-footer .jmix-user-indicator{flex-grow: 1}.scanner-status-icon{display: inline-flex;width: var(--vaadin-avatar-size,calc(1lh + var(--vaadin-padding-block-container) * 2));height: var(--vaadin-avatar-size,calc(1lh + var(--vaadin-padding-block-container) * 2))}.scanner-status-icon>img{width: 100%;height: 100%}.scanner-status-icon.disconnected>img{filter: grayscale(1);opacity: 0.45}.jmix-main-view-user-menu{margin-inline-start: auto}.user-menu-button-content,.user-menu-header-content{display: grid;grid-template: "avatar text" "avatar subtext";grid-template-columns: auto 1fr;column-gap: var(--vaadin-gap-s);width: max-content;box-sizing: border-box;color: var(--vaadin-text-color);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s)}.user-menu-header-content{width: 100%;padding-inline-end: var(--vaadin-padding-l)}.user-menu-button-content>.user-menu-avatar,.user-menu-header-content>.user-menu-avatar{grid-area: avatar;align-self: center}.user-menu-button-content>.user-menu-text{grid-row: text / subtext}.jmix-main-view-user-menu[theme~='substituted'] .user-menu-button-content>.user-menu-text{grid-row: text}.user-menu-header-content>.user-menu-text{grid-area: text;color: var(--vaadin-text-color);font-weight: 700;font-size: var(--aura-font-size-m)}.user-menu-header-content>.user-menu-text-subtext{grid-row: text / subtext}.user-menu-button-content>.user-menu-text,.user-menu-header-content>.user-menu-text{align-self: center;text-align: start;width: 100%;overflow: hidden;text-overflow: ellipsis}.user-menu-button-content>.user-menu-subtext,.user-menu-header-content>.user-menu-subtext{grid-area: subtext;align-self: center;text-align: start;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);width: 100%;overflow: hidden;text-overflow: ellipsis}.jmix-main-view-user-menu:not([theme~='substituted']) .user-menu-button-content>.user-menu-subtext{display: none}.jmix-initial-layout{--title-size: round(var(--aura-font-size-m) * 2.5,0.0625rem);--title-color: var(--vaadin-text-color-secondary);width: 100%;height: 100%;align-items: center;justify-content: center;container-type: inline-size;container-name: jmix-initial-layout}.jmix-initial-layout-content{display: flex;justify-content: space-between;width: 100%;max-width: 50rem;padding: var(--vaadin-padding-xl);box-sizing: border-box}.jmix-initial-layout-title{position: relative;color: var(--title-color);font-size: var(--title-size);line-height: calc(4 * var(--title-size));box-sizing: border-box}.jmix-initial-layout-title:after{position: absolute;width: 100%;height: 0.3rem;content: '';background: var(--title-color);top: 0;left: 0}.jmix-initial-layout-logo{--logo-size: calc(2.5 * var(--title-size));width: var(--logo-size);height: var(--logo-size)}@container jmix-initial-layout (max-width: 45rem){.jmix-initial-layout-content{flex-direction: column-reverse;align-items: center;gap: var(--vaadin-gap-l)}.jmix-initial-layout-title{padding-top: var(--vaadin-padding-m);line-height: var(--aura-line-height-m);text-align: center}}.jmix-main-view-navigation>.jmix-menu-filter-field{margin: var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-main-view-navigation>.jmix-search-field{display: flex;margin: auto var(--vaadin-padding-m) var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-main-view-header>.jmix-search-field{margin-inline-start: auto;margin-inline-end: var(--vaadin-padding-m)}.jmix-main-view-top-menu-app-layout{--vaadin-app-layout-navbar-padding-bottom: 0px}vaadin-app-layout.jmix-main-view-top-menu-app-layout::part(navbar){min-height: 0;border-bottom: 0}.jmix-main-view-top-menu-navigation-bar-box{padding: 0;width: 100%}.jmix-main-view-top-menu-view-header-box{width: 100%;border-top: 1px solid var(--vaadin-border-color-secondary)}.jmix-main-view-top-menu-navigation{display: flex;flex-grow: 1;overflow: auto}.jmix-main-view-top-menu-header{display: flex;align-items: center;width: 100%;box-sizing: border-box;gap: var(--vaadin-gap-m)}.jmix-main-view-top-menu-logo-container{display: flex;margin: 0 var(--vaadin-padding-m)}.jmix-main-view-top-menu-logo{--logo-size: round(var(--aura-base-size) * 2.5 * 1px,1px);width: var(--logo-size);height: var(--logo-size)}.jmix-main-view-top-menu-user-box{align-self: flex-end;align-items: center;margin: 0 var(--vaadin-padding-m);max-width: 20em}.jmix-main-view-top-menu-view-title{font-size: var(--aura-font-size-xl);margin: var(--vaadin-padding-s) var(--vaadin-padding-m)}.login-view-layout{padding: 0;margin: 0;background: #fff;width: 100%;height: 100%;min-height: 100vh}.login-shell{display: flex;width: 100%;min-height: 100vh;position: relative;overflow: hidden}.login-panel{flex: 0 0 clamp(380px,35vw,540px);display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;z-index: 1;isolation: isolate;background: radial-gradient(120% 90% at 15% 0%,rgba(255,255,255,.10),transparent 60%),linear-gradient(165deg,var(--tp-teal) 0%,var(--tp-teal-deep) 100%)}.login-panel::after{content: '';position: absolute;inset: 0;z-index: -1;pointer-events: none;background-image: repeating-linear-gradient( transparent 0 27px,rgba(255,255,255,.045) 27px 28px)}.login-image{flex: 1 1 auto;position: relative;z-index: 2;pointer-events: none;background-color: #f6f7f6;background-image: url('/public/images/welcome-pos.svg');background-repeat: no-repeat;background-position: center;background-size: cover}.login-form-wrapper{width: 100%;max-width: calc(2.25rem * 12);padding: var(--vaadin-gap-l);background: transparent;align-items: stretch}.login-form-wrapper>*{--vaadin-input-field-value-color: var(--tp-ink);--vaadin-input-field-background: #fff;--vaadin-input-field-label-color: rgba(255,255,255,.72);--vaadin-checkbox-label-color: rgba(255,255,255,.85);--vaadin-checkbox-background: #fff;--vaadin-checkbox-marker-color: var(--tp-ink);--vaadin-focus-ring-color: var(--tp-amber);--vaadin-focus-ring-width: 2px}.login-panel vaadin-text-field:hover::part(label),.login-panel vaadin-password-field:hover::part(label),.login-panel vaadin-text-field:focus-within::part(label),.login-panel vaadin-password-field:focus-within::part(label){color: #fff}.login-brand{gap: .9rem}.login-brand-icon{width: 168px;height: 130px;background-image: url('/public/images/twinpos-mark.svg');background-repeat: no-repeat;background-size: contain;background-position: center}.login-brand-text{font-size: 32px;font-weight: 800;letter-spacing: -.02em;line-height: 1;color: #fff}.login-tagline{align-self: center;margin-top: .55rem;font-size: .75rem;font-weight: 600;letter-spacing: .16em;text-transform: uppercase;color: rgba(255,255,255,.58)}.login-form-error-message{position: relative;margin-top: var(--vaadin-gap-m);margin-bottom: var(--vaadin-gap-s);padding: var(--vaadin-gap-m) var(--vaadin-gap-m) var(--vaadin-gap-m) 2.25rem;border-radius: var(--vaadin-radius-m);background-color: #fff;color: #b3261e}.login-form-error-message:before{content: '⚠️';position: absolute;left: .55rem;top: var(--vaadin-gap-m);font-size: var(--vaadin-icon-size);line-height: 1.35}.login-form-error-message-title{margin: 0 0 .25em;color: inherit}.login-form-error-message-description{margin: 0;font-size: .875rem;line-height: 1.375;color: #000;opacity: .9}.login-form-settings-wrapper{align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 1rem}.login-form-locale-select{width: 100%;max-width: var(--jmix-login-form-locales-select-width,9.5em)}.login-form-submit{--vaadin-button-background: var(--tp-ink);--vaadin-button-text-color: #fff;margin-top: 1.25rem;height: 2.75rem;font-weight: 700;background-color: var(--tp-ink);color: #fff}.login-form-submit:hover{--vaadin-button-background: #000;background-color: #000}@media (max-width: 1100px){.login-shell{flex-direction: column}.login-panel{flex: 1;min-width: 100%;padding: 2.5rem 0}.login-image{display: none}}.tp-wordmark{display: inline-flex;align-items: baseline;font-weight: 800;letter-spacing: -.02em;line-height: 1}.jmix-main-view-application-title.tp-wordmark{font-size: var(--aura-font-size-xl)}.tp-wordmark .brand-p{width: .692em;height: .947em;margin: 0 .01em 0 .05em;align-self: baseline;transform: translateY(.395em);background-image: url('/public/images/twinpos-p.svg');background-repeat: no-repeat;background-size: contain;background-position: center}.text-secondary{color: var(--vaadin-text-color-secondary)}.text-s{font-size: var(--aura-font-size-s)}jmix-tabsheet,vaadin-tabsheet{box-sizing: border-box}h4.section-header{display: flex;align-items: center;gap: var(--aura-space-m,1rem);margin-top: 1.25rem;margin-bottom: 0;text-transform: uppercase;letter-spacing: 0.03em;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}h4.section-header::after{content: '';flex: 1;border-top: 1px solid var(--vaadin-border-color,#d5d9e0)}jmix-tabsheet.borderless-tabsheet{border: none;border-radius: 0;margin-top: 1.25rem;min-height: 12em}jmix-tabsheet.fill-tabsheet{flex-grow: 1}jmix-tabsheet.borderless-tabsheet::part(tabs-container){padding: 0}jmix-tabsheet.borderless-tabsheet::part(content){padding: 0.75rem 0 0 0}jmix-tabsheet.borderless-tabsheet::part(content)::before,jmix-tabsheet.borderless-tabsheet::part(content)::after{display: none}jmix-tabsheet.borderless-tabsheet>vaadin-vertical-layout{height: 100%;box-sizing: border-box}jmix-tabsheet.borderless-tabsheet>vaadin-vertical-layout>vaadin-grid{flex: 1 1 auto;min-height: 8em}jmix-tabsheet.borderless-tabsheet>vaadin-vertical-layout>vaadin-vertical-layout{flex: 1 1 auto;min-height: 8em}jmix-tabsheet.borderless-tabsheet>vaadin-vertical-layout>vaadin-vertical-layout>vaadin-grid{flex: 1 1 auto;min-height: 8em}jmix-tabsheet.borderless-tabsheet>vaadin-tabs[slot='tabs']{max-width: 100%;box-sizing: border-box}jmix-breadcrumbs{align-items: center}.breadcrumb-close-btn{margin: 0;margin-left: 0;padding: 0;height: 18px;min-width: 0;color: inherit;font-size: 0.75em;line-height: 15px;background: transparent}.breadcrumb-close-btn::part(prefix){margin: 0}.po-progress-panel .po-progress-header{font-weight: 600}.po-progress-panel vaadin-progress-bar{max-width: 24em}.po-progress-grid::part(po-progress-done){opacity: 0.55}.po-progress-empty{color: var(--vaadin-text-color-secondary,#67707f);text-align: center;padding: 1.25rem 0.5rem}