vaadin-button[theme~="theme-button-blue-01"],vaadin-button[theme~="theme-button-add-option"]{--vaadin-button-background: linear-gradient(135deg,var(--aura-accent-color) 0%,color-mix(in srgb,var(--aura-accent-color) 62%,#000) 100%);--vaadin-button-text-color: var(--aura-accent-contrast-color);--vaadin-button-border-color: transparent;--vaadin-button-font-weight: var(--aura-font-weight-semibold);box-shadow: 0 4px 12px color-mix(in srgb,var(--aura-accent-color) 32%,transparent);min-width: 5.5rem}vaadin-button[theme~="theme-button-blue-01"],vaadin-button[theme~="theme-button-add-option"]{transition: background 0.2s ease,box-shadow 0.2s ease}vaadin-button[theme~="theme-button-blue-01"]:hover,vaadin-button[theme~="theme-button-add-option"]:hover{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-accent-color) 85%,#000) 0%,color-mix(in srgb,var(--aura-accent-color) 50%,#000) 100%) !important;box-shadow: 0 6px 20px color-mix(in srgb,var(--aura-accent-color) 42%,transparent) !important}vaadin-button[theme~="theme-button-green-01"]{--vaadin-button-background: linear-gradient(135deg,var(--aura-green) 0%,color-mix(in srgb,var(--aura-green) 62%,#000) 100%);--vaadin-button-text-color: #fff;--vaadin-button-border-color: transparent;--vaadin-button-font-weight: var(--aura-font-weight-semibold);box-shadow: 0 4px 12px color-mix(in srgb,var(--aura-green) 32%,transparent);min-width: 5.5rem}vaadin-button[theme~="theme-button-green-01"]{transition: background 0.2s ease,box-shadow 0.2s ease}vaadin-button[theme~="theme-button-green-01"]:hover{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-green) 85%,#000) 0%,color-mix(in srgb,var(--aura-green) 50%,#000) 100%) !important;box-shadow: 0 6px 20px color-mix(in srgb,var(--aura-green) 42%,transparent) !important}vaadin-button[theme~="theme-button-delete"],vaadin-button[theme~="theme-button-delete-confirm"]{--vaadin-button-background: linear-gradient(135deg,var(--aura-red) 0%,color-mix(in srgb,var(--aura-red) 62%,#000) 100%);--vaadin-button-text-color: #fff;--vaadin-button-border-color: transparent;--vaadin-button-font-weight: var(--aura-font-weight-semibold);box-shadow: 0 4px 12px color-mix(in srgb,var(--aura-red) 32%,transparent);min-width: 5.5rem}vaadin-button[theme~="theme-button-delete"],vaadin-button[theme~="theme-button-delete-confirm"]{transition: background 0.2s ease,box-shadow 0.2s ease}vaadin-button[theme~="theme-button-delete"]:hover,vaadin-button[theme~="theme-button-delete-confirm"]:hover{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-red) 85%,#000) 0%,color-mix(in srgb,var(--aura-red) 50%,#000) 100%) !important;box-shadow: 0 6px 20px color-mix(in srgb,var(--aura-red) 42%,transparent) !important}vaadin-button[theme~="theme-button-blue-02"],vaadin-button[theme~="theme-button-green-02"],vaadin-button[theme~="theme-button-grey-01"],vaadin-button[theme~="theme-button-grey-02"],vaadin-button[theme~="theme-button-leave"],vaadin-button[theme~="theme-button-cancel-confirm"]{--vaadin-button-background: var(--aura-surface-color);--vaadin-button-text-color: var(--vaadin-text-color);--vaadin-button-border-color: var(--vaadin-border-color);--vaadin-button-font-weight: 500;min-width: 5.5rem}vaadin-button[theme~="theme-button-blue-02"],vaadin-button[theme~="theme-button-green-02"],vaadin-button[theme~="theme-button-grey-01"],vaadin-button[theme~="theme-button-grey-02"],vaadin-button[theme~="theme-button-leave"],vaadin-button[theme~="theme-button-cancel-confirm"]{transition: background 0.2s ease,box-shadow 0.2s ease}vaadin-button[theme~="theme-button-blue-02"]:hover,vaadin-button[theme~="theme-button-green-02"]:hover,vaadin-button[theme~="theme-button-grey-01"]:hover,vaadin-button[theme~="theme-button-grey-02"]:hover,vaadin-button[theme~="theme-button-leave"]:hover,vaadin-button[theme~="theme-button-cancel-confirm"]:hover{background: color-mix(in srgb,var(--aura-surface-color) 80%,var(--vaadin-text-color)) !important;box-shadow: 0 4px 12px color-mix(in srgb,var(--vaadin-border-color) 40%,transparent) !important}vaadin-button[theme~="theme-button-delete-confirm"],vaadin-button[theme~="theme-button-add-option"]{margin-right: 0px !important;margin-left: auto;float: right}vaadin-button[theme~="theme-button-cancel-confirm"]{left: 0}vaadin-text-field[theme~="special-theme-text-field-no-boder"]::part(input-field){background-color: whitesmoke;border: 1px none lightblue;box-shadow: none}vaadin-text-field[theme~="special-theme-text-field-red"]::part(input-field){background-color: red;color: #fff}vaadin-text-field[theme~="special-theme-text-field-gray"]::part(input-field){background-color: darkgray;color: #fff}vaadin-text-field[theme~="special-theme-text-field-blue"]::part(input-field){background-color: cadetblue;color: #fff}vaadin-text-field[theme~="special-theme-text-field-option-backgroud01"]::part(input-field){background-color: rgb(245,245,245);box-shadow: none}vaadin-text-field[theme~="special-theme-text-field-option-backgroud02"]::part(input-field){background-color: rgb(208,234,209);box-shadow: none}vaadin-text-field[theme~="special-theme-text-field-option-backgroud03"]::part(input-field){background-color: rgb(165,224,242);box-shadow: none}vaadin-text-field[theme~="special-theme-text-field-option-background04"]::part(input-field){background-color: light-dark(#a8f37b,#1c3b29);box-shadow: none;color: light-dark(#1a1a1a,#bbf7d0);--vaadin-input-field-value-color: light-dark(#1a1a1a,#bbf7d0)}vaadin-text-field[theme~="special-theme-text-field-option-background04"]::part(value){color: light-dark(#1a1a1a,#bbf7d0) !important}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-multi-select-combo-box,vaadin-date-picker,vaadin-time-picker,vaadin-date-time-picker,vaadin-select,vaadin-custom-field):is( .full-row,.full-row95,.full-row98,.full-row99,.full-row995,.hori-layout-row,.vert-layout-row){flex-direction: column}.details-arrow{display: inline-block;font-size: 1.2em;font-weight: bold;line-height: 1;transition: transform 0.2s ease;transform: rotate(0deg);color: currentColor;user-select: none}vaadin-details[opened] .details-arrow{transform: rotate(90deg)}vaadin-grid{--vaadin-grid-header-font-size: 0.9375rem;--vaadin-grid-header-font-weight: 700;--vaadin-grid-header-text-color: var(--vaadin-text-color);--vaadin-grid-border-width: 1px;--vaadin-grid-row-border-width: 1px;--vaadin-grid-column-border-width: 1px;--vaadin-grid-border-color: var(--vaadin-border-color,var(--aura-divider-color))}vaadin-grid::part(header-cell){background: color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 12%,var(--aura-surface-color-solid,var(--aura-surface-color)));border-bottom: 2px solid color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 35%,transparent);font-weight: 700;letter-spacing: 0.01em}[slot='drawer']{border-right: 0;color: var(--vaadin-text-color);height: 100%;min-height: 0}.drawer-section{display: flex;flex-direction: column;height: 100%;min-height: 0}.drawer-section>.drawer-header,.drawer-section>.drawer-footer{flex: 0 0 auto}.drawer-section>vaadin-side-nav{flex: 1 1 auto;min-height: 0;overflow-y: auto;scrollbar-width: thin;scrollbar-color: var(--vaadin-border-color) transparent}.drawer-section>vaadin-side-nav::-webkit-scrollbar{width: 8px}.drawer-section>vaadin-side-nav::-webkit-scrollbar-thumb{background-color: var(--vaadin-border-color);border-radius: 4px}.drawer-section>vaadin-side-nav::-webkit-scrollbar-track{background: transparent}vaadin-app-layout::part(navbar){color-scheme: var(--aura-content-color-scheme,light dark);background-color: light-dark(var(--aura-background-color-light,#FFFFFF),var(--aura-background-color-dark,#18181B));color: light-dark(#18181B,#FAFAFA)}vaadin-app-layout>[slot~='navbar'],vaadin-app-layout>[slot~='navbar'] *{color-scheme: var(--aura-content-color-scheme,light dark)}vaadin-app-layout>[slot~='navbar']{color: light-dark(#18181B,#FAFAFA);--vaadin-text-color: light-dark(#18181B,#FAFAFA);--vaadin-text-color-secondary: light-dark(#52525B,#A1A1AA);--vaadin-icon-color: light-dark(#18181B,#FAFAFA)}vaadin-app-layout>[slot~='navbar'] :is(h1,h2,h3,h4,h5,h6,span,p,a){color: light-dark(#18181B,#FAFAFA)}vaadin-app-layout>[slot~='navbar'] :is(vaadin-icon,.la,[class^='las '],[class^='lab '],[class^='lar ']){color: light-dark(#18181B,#FAFAFA)}vaadin-app-layout>[slot~='navbar'] vaadin-drawer-toggle{color: light-dark(#52525B,#A1A1AA)}@media (max-width: 768px){vaadin-app-layout>:not([slot]){padding-bottom: 6rem !important}}vaadin-app-layout>:not([slot]){display: block;min-height: 100%;border-top: 0 !important;border-radius: 0 !important}vaadin-app-layout.farm-shell::part(navbar){background: linear-gradient(135deg,var(--app-accent-color,var(--aura-accent-color)) 0%,color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 62%,#000) 100%) !important;color-scheme: dark;border-bottom: none !important;min-height: 52px !important;height: 52px !important;padding-top: 0 !important;padding-bottom: 0 !important}vaadin-app-layout.farm-shell #header{--farm-accent: var(--app-accent-color,var(--aura-accent-color));min-height: 52px !important;height: 52px !important}vaadin-app-layout.farm-shell #header h1{margin-top: 0 !important;margin-bottom: 0 !important;font-size: 19px !important;line-height: 1.1 !important}vaadin-app-layout.farm-shell #header #divIcon{display: inline-flex !important;align-items: center !important;flex: 0 0 auto !important;margin-left: 12px !important}vaadin-app-layout.farm-shell #header #divIcon .nongtrang-logo-avatar{--vaadin-avatar-size: 40px !important;margin-right: 8px !important}vaadin-app-layout.farm-shell>[slot~='navbar']{color: #ffffff !important;--vaadin-text-color: #ffffff !important;--vaadin-icon-color: #ffffff !important}vaadin-app-layout.farm-shell>[slot~='navbar'] :is(h1,h2,h3,h4,h5,h6,p,a),vaadin-app-layout.farm-shell>[slot~='navbar'] vaadin-drawer-toggle{color: #ffffff !important}vaadin-app-layout.farm-shell>[slot~='navbar'] vaadin-button[theme~="Primary"]{background: #ffffff !important;color: var(--app-accent-color,var(--aura-accent-color)) !important;border-radius: 20px !important}vaadin-app-layout.farm-shell>[slot='drawer']{background: light-dark(var(--aura-background-color-light),var(--aura-background-color-dark)) !important;margin-top: 0 !important}vaadin-app-layout.farm-shell>[slot='drawer'] .drawer-header{box-sizing: border-box !important;height: 52px !important;min-height: 52px !important;padding-top: 6px !important;padding-bottom: 6px !important}vaadin-app-layout.farm-shell>[slot='drawer'] vaadin-tabs vaadin-tab{min-height: 0 !important;line-height: 1.2 !important;font-size: 15px !important;padding-top: 6px !important;padding-bottom: 6px !important;margin-top: 3px !important;margin-bottom: 3px !important;flex: 0 0 auto !important}vaadin-app-layout.farm-shell>[slot='drawer'] vaadin-tabs{--vaadin-tabs-gap: 2px !important;background: transparent !important}.drawer-header{display: flex;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-s);border-bottom: 1px solid var(--vaadin-border-color)}.drawer-header-btn{flex: 1;min-width: 0;justify-content: flex-start}.drawer-toggle-side{flex-shrink: 0;color: var(--vaadin-text-color-secondary)}.nav-restore-toggle{color: var(--vaadin-text-color-secondary)}vaadin-app-layout[drawer-opened] .nav-restore-toggle{display: none !important;width: 0 !important;height: 0 !important;padding: 0 !important;border: 0 !important;box-shadow: none !important;background: transparent !important}.drawer-header-content{display: flex;align-items: center;gap: var(--vaadin-gap-s)}.drawer-header-avatar{--vaadin-avatar-size: 32px;flex-shrink: 0}.drawer-header-title{font-weight: 600;font-size: var(--aura-font-size-m);color: var(--vaadin-text-color)}.drawer-footer{border-top: 1px solid var(--vaadin-border-color);padding: var(--vaadin-padding-s);position: relative}.drawer-profile-btn{width: 100%;justify-content: flex-start}.drawer-profile-inner{display: flex;align-items: center;gap: var(--vaadin-gap-s);width: 100%;min-width: 0}.drawer-profile-avatar-wrap{width: 32px;height: 32px;border-radius: 50%;overflow: hidden;flex-shrink: 0;display: flex}.drawer-profile-avatar{width: 32px;height: 32px;object-fit: cover;border-radius: 50%}.drawer-profile-name{font-size: var(--aura-font-size-s);font-weight: 500;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.farm-profile-card{background: transparent !important;border: 1px solid transparent;border-radius: var(--vaadin-radius-l,12px);box-shadow: none;padding: 6px 10px !important;color: var(--app-accent-color,var(--aura-accent-color)) !important}.farm-profile-card:hover{background: color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 10%,transparent) !important}.farm-profile-card .drawer-profile-name{color: #ffffff !important}.profile-popover{position: absolute;bottom: 100%;left: var(--vaadin-padding-s);right: var(--vaadin-padding-s);margin-bottom: var(--vaadin-gap-s);background-color: var(--aura-surface-color-solid);border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-l);box-shadow: 0 -8px 32px rgba(0,0,0,0.4);overflow: hidden;z-index: 100}.popover-close{position: absolute !important;top: 4px;right: 4px;width: 28px;height: 28px;min-width: 28px;min-height: 28px;padding: 0 !important;margin: 0 !important;border-radius: 50% !important;color: var(--vaadin-text-color-secondary) !important;background: transparent !important;cursor: pointer;z-index: 1}.popover-close:hover{background: var(--vaadin-background-container) !important;color: var(--vaadin-text-color) !important}.popover-close vaadin-icon,.popover-close iron-icon{width: 16px;height: 16px}.popover-backdrop{position: fixed;inset: 0;z-index: 99;background: rgba(0,0,0,0.28);backdrop-filter: blur(1.5px)}.popover-user{display: flex;flex-direction: column;gap: 2px;padding: var(--vaadin-padding-m);border-bottom: 1px solid var(--vaadin-border-color)}.popover-user-name{font-weight: 600;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color)}.popover-user-email{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.popover-menu{display: flex;flex-direction: column;padding: var(--vaadin-padding-xs)}.popover-item{width: 100%;justify-content: flex-start}.popover-item.danger{--vaadin-button-text-color: var(--aura-red-text);color: var(--aura-red-text)}.popover-theme-options{display: flex;flex-direction: column;padding-inline-start: var(--vaadin-gap-l)}.popover-divider{margin: var(--vaadin-gap-xs) 0;border: none;border-top: 1px solid var(--vaadin-border-color)}[slot='drawer'] nav a{text-decoration: none !important;transition: color 140ms;color: var(--vaadin-text-color-secondary)}[slot='drawer'] nav a .la{margin-top: calc(var(--vaadin-gap-xs) * 0.5)}[slot='drawer'] nav a::before{border-radius: var(--vaadin-radius-m);bottom: calc(var(--vaadin-gap-xs) * 0.5);content: '';left: 0;position: absolute;right: 0;top: calc(var(--vaadin-gap-xs) * 0.5);transition: background-color 140ms}[slot='drawer'] nav a[highlight]{color: var(--aura-accent-text-color)}[slot='drawer'] nav a[highlight]::before{background-color: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);box-shadow: inset 3px 0 0 0 var(--aura-accent-color)}[slot='drawer'] vaadin-side-nav-item[current]::part(content){--vaadin-side-nav-item-background: transparent;--vaadin-side-nav-item-text-color: var(--aura-accent-text-color);--vaadin-side-nav-item-border-color: transparent;background-color: color-mix(in srgb,var(--aura-accent-color) 18%,transparent) !important;border: none !important;border-radius: var(--vaadin-radius-m);color: var(--aura-accent-text-color)}[slot='drawer'] vaadin-side-nav-item[current]>.menu-item-icon,[slot='drawer'] vaadin-side-nav-item[current]>[slot='prefix'],[slot='drawer'] vaadin-side-nav-item[current]>vaadin-icon{color: var(--aura-accent-text-color)}[slot='drawer'] vaadin-side-nav>vaadin-side-nav-item::part(content){text-transform: uppercase;letter-spacing: 0.03em;font-size: var(--aura-font-size-xs);font-weight: 600}[slot='drawer'] vaadin-side-nav-item[has-children]:has(>vaadin-side-nav-item[current])::part(content){--vaadin-side-nav-item-text-color: var(--vaadin-text-color) !important;color: var(--vaadin-text-color)}[slot='drawer'] vaadin-side-nav-item[has-children]:has(>vaadin-side-nav-item[current])::part(toggle-button){color: var(--vaadin-text-color)}[slot='drawer'] vaadin-side-nav-item[has-children]:has(>vaadin-side-nav-item[current])>.menu-item-icon,[slot='drawer'] vaadin-side-nav-item[has-children]:has(>vaadin-side-nav-item[current])>[slot='prefix'],[slot='drawer'] vaadin-side-nav-item[has-children]:has(>vaadin-side-nav-item[current])>vaadin-icon{color: var(--vaadin-text-color)}[slot='drawer'] vaadin-side-nav-item.nav-item-disabled,[slot='drawer'] vaadin-side-nav-item[disabled]{opacity: 0.4 !important;pointer-events: none !important;cursor: not-allowed !important}[slot='drawer'] footer vaadin-context-menu{align-items: center;display: flex}.menu-item-link{display: flex;margin-left: var(--vaadin-gap-s);margin-right: var(--vaadin-gap-s);padding: var(--vaadin-gap-s);position: relative;color: var(--vaadin-text-color-secondary)}.menu-item-text{font-weight: 500;font-size: var(--aura-font-size-s)}.menu-item-icon{margin-inline-end: var(--vaadin-gap-s);font-size: var(--aura-font-size-l)}[slot='drawer'] vaadin-side-nav-item vaadin-side-nav-item .menu-item-icon{box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;width: 1.75rem;height: 1.75rem;margin-top: 0;border-radius: 50%;font-size: var(--aura-font-size-m);background-color: color-mix(in srgb,var(--aura-accent-color) 22%,transparent)}[slot='drawer'] vaadin-side-nav-item vaadin-side-nav-item::part(content){min-height: 0;padding-top: var(--vaadin-gap-xs);padding-bottom: var(--vaadin-gap-xs)}.view-title{margin: 0;font-size: var(--aura-font-size-l)}.view-title vaadin-drawer-toggle{margin: 0}.view-header{align-items: center;background-color: var(--vaadin-background-color);border-bottom: 1px solid;border-color: color-mix(in srgb,var(--aura-neutral) 10%,transparent);box-sizing: border-box;display: flex;height: 3rem;width: 100%}h1{font-size: var(--aura-font-size-xl) !important;margin-bottom: 0.75em !important;;margin-top: 0.75em !important;}#logo{box-sizing: border-box;box-shadow: inset 0 -5px white;padding: var(--vaadin-gap-s) var(--vaadin-gap-m);background-color: lightseagreen}#logo img{height: calc(2.75rem * 2.0)}#logo h1{font-size: var(--aura-font-size-xl);font-weight: 600;margin: 0 var(--vaadin-gap-s)}#logo:has(.main-layout__title_label_catagory){background-color: transparent !important;box-shadow: none !important;border-bottom: none !important;padding: 10px 12px 12px !important;align-items: stretch !important;height: auto !important;min-height: auto !important;flex: none !important}#logo:has(.main-layout__title_label_catagory)>div{display: none !important}#logo:has(.main-layout__title_label_catagory)::after{content: "";display: block;width: 100%;height: 1px;margin-top: 10px;background: linear-gradient(to right,transparent,color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 45%,transparent) 50%,transparent)}.main-layout__title_label_catagory{display: flex !important;align-items: center !important;gap: 10px !important;width: 100% !important;box-sizing: border-box !important;margin: 0 !important;padding: 9px 14px !important;border-radius: 12px !important;background: color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 14%,transparent) !important;border: 1px solid color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 30%,transparent) !important;color: var(--app-accent-color,var(--aura-accent-color)) !important;font-size: 0.84rem !important;font-weight: 700 !important;letter-spacing: 0.05em !important;text-transform: uppercase !important}.main-layout__title_label_catagory::before{content: "";flex: none;width: 16px;height: 16px;background: radial-gradient(circle 2.6px,var(--app-accent-color,var(--aura-accent-color)) 92%,transparent 100%) 0 0 / 8px 8px}.view-toggle{color: var(--vaadin-text-color-secondary)}.main-layout__title_button{position: absolute;right: -5px}.main-layout__title_button-logout{position: absolute;right: -5px;margin-right: 30px}.main-layout__title_language{position: absolute;right: -5px;margin-right: 140px}.header-right-buttons{display: flex !important;align-items: center !important;gap: 6px !important;min-height: 36px !important;height: 36px !important}.btn-header-glass{--farm-accent: var(--app-accent-color,var(--aura-accent-color));background: rgba(255,255,255,0.08) !important;border: 1.5px solid color-mix(in srgb,var(--farm-accent) 55%,transparent) !important;color: #ffffff !important;border-radius: 18px !important;padding: 3px 9px !important;box-shadow: 0 0 8px color-mix(in srgb,var(--farm-accent) 18%,transparent) !important;transition: all 0.25s ease !important;cursor: pointer !important;min-width: unset !important;height: 40px !important;min-height: 40px !important;max-height: 40px !important;box-sizing: border-box !important}.btn-header-glass:hover{background: color-mix(in srgb,var(--farm-accent) 18%,transparent) !important;border-color: color-mix(in srgb,var(--farm-accent) 85%,transparent) !important;box-shadow: 0 0 14px color-mix(in srgb,var(--farm-accent) 32%,transparent) !important;transform: translateY(-1px) !important}.btn-header-glass:active{transform: translateY(0) !important;background: color-mix(in srgb,var(--farm-accent) 24%,transparent) !important}vaadin-app-layout.farm-shell #header .cart-icon{height: 34px !important;min-height: 34px !important;max-height: 34px !important;padding: 3px 8px !important}vaadin-app-layout.farm-shell #header .cart-icon vaadin-icon{width: 20px !important;height: 20px !important}vaadin-app-layout.farm-profile-shell .cart-container{display: none !important}vaadin-app-layout.farm-shell #header .btn-header-glass,vaadin-app-layout.farm-shell #header .cb-header-glass,vaadin-app-layout.farm-shell #header .right-content vaadin-button[theme~="Primary"]{background: rgba(0,0,0,0.22) !important;-webkit-backdrop-filter: blur(14px) saturate(150%) !important;backdrop-filter: blur(14px) saturate(150%) !important;border: 1px solid rgba(255,255,255,0.40) !important;box-shadow: 0 4px 16px rgba(0,0,0,0.30),inset 0 1px 0 rgba(255,255,255,0.22) !important;color: #ffffff !important;text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;border-radius: 18px !important}vaadin-app-layout.farm-shell #header .btn-header-glass:hover,vaadin-app-layout.farm-shell #header .cb-header-glass:hover,vaadin-app-layout.farm-shell #header .right-content vaadin-button[theme~="Primary"]:hover{background: rgba(0,0,0,0.12) !important;border-color: rgba(255,255,255,0.62) !important;box-shadow: 0 6px 22px rgba(0,0,0,0.36),inset 0 1px 0 rgba(255,255,255,0.30) !important}vaadin-app-layout.farm-shell #header .cb-header-glass::part(input-field){background: transparent !important;color: #ffffff !important}vaadin-app-layout.farm-shell #header .cb-header-glass input{text-align: center !important;color: #ffffff !important;-webkit-text-fill-color: #ffffff !important}vaadin-app-layout.farm-shell #header .cb-header-glass::part(toggle-button){color: #ffffff !important}vaadin-app-layout.farm-shell #header .right-content vaadin-button[theme~="Primary"]{justify-content: center !important}vaadin-app-layout.farm-shell #header .right-content vaadin-button[theme~="Primary"] vaadin-icon{color: #ffffff !important}:root{--aura-secondary-text: light-dark(#52525B,#A1A1AA);--aura-tertiary-text: light-dark(#71717A,#8b8b94);--aura-primary-text: light-dark(#18181B,#FAFAFA);--aura-body-text-color: light-dark(#18181B,#FAFAFA);--aura-divider-color: light-dark(rgba(24,24,27,0.1),rgba(250,250,250,0.12))}farm-market-view .main-title-link{color: light-dark(#52525B,#A1A1AA) !important}farm-market-view #verPagination{margin: 0 !important}farm-market-view #verLayoutCookie{padding: 0 !important;min-height: 0 !important}farm-market-view #verLayoutCookie:empty{display: none !important}farm-market-view .main-title{padding-top: 8px !important;padding-bottom: 8px !important}farm-market-view .main-title,farm-market-view #verLayoutCookie + vaadin-vertical-layout{border-top: 1px dashed color-mix(in srgb,var(--vaadin-border-color) 50%,transparent) !important}@keyframes farm-search-siri{from{background-position: 0% center}to{background-position: 200% center}}farm-market-view #txtSearch{border-radius: 23px !important;padding: 3px !important;box-sizing: border-box !important;background: linear-gradient(90deg,#007aff,#5ac8fa,#34c759,#ffcc00,#ff9500,#ff2d55,#af52de,#007aff) !important;background-size: 200% auto !important;animation: farm-search-siri 4.5s linear infinite}farm-market-view #txtSearch::part(input-field){border-radius: 20px !important;background: var(--aura-surface-color-solid,var(--vaadin-background-color,#ffffff)) !important;border: none !important;--vaadin-input-field-border-width: 0 !important}farm-market-view #txtSearch:focus-within{box-shadow: 0 0 0 2px var(--app-accent-color,var(--aura-accent-color)),0 4px 22px color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 35%,transparent)}.cb-header-glass{--farm-accent: var(--app-accent-color,var(--aura-accent-color));--vaadin-input-field-background: #ffffff !important;--vaadin-input-field-border-color: color-mix(in srgb,var(--farm-accent) 60%,transparent) !important;--vaadin-input-field-border-width: 1.5px !important;--vaadin-text-color: #1f2933 !important;color-scheme: light !important;--vaadin-overlay-background: #ffffff !important;border: 1.5px solid color-mix(in srgb,var(--farm-accent) 60%,transparent) !important;border-radius: 18px !important;background: color-mix(in srgb,var(--farm-accent) 8%,#ffffff) !important;color: #1f2933 !important;transition: all 0.25s ease !important;overflow: hidden !important;height: 40px !important;min-height: 40px !important;max-height: 40px !important;padding-top: 0 !important;padding-bottom: 0 !important}.cb-header-glass::part(input-field){background: transparent !important;border: none !important;color: #1f2933 !important;font-weight: 600 !important;border-radius: 18px !important;height: 40px !important;min-height: 40px !important;max-height: 40px !important;padding: 0 12px !important}.cb-header-glass::part(label){display: none !important}.cb-header-glass:hover{border-color: color-mix(in srgb,var(--farm-accent) 90%,transparent) !important;box-shadow: 0 0 12px color-mix(in srgb,var(--farm-accent) 28%,transparent) !important;background: color-mix(in srgb,var(--farm-accent) 14%,#ffffff) !important}.cb-header-glass::part(toggle-button){color: color-mix(in srgb,var(--farm-accent) 72%,#18181b) !important}.than-nong-ai-drawer{width: calc(100% - 12px) !important;margin: 10px 6px 6px 6px !important;box-sizing: border-box !important}.btn-than-nong-ai{position: relative;background: transparent !important;border: 1px solid color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 30%,transparent) !important;color: var(--app-accent-color,var(--aura-accent-color)) !important;font-weight: 700 !important;font-size: 13px !important;border-radius: 20px !important;padding: 5px 14px !important;white-space: nowrap !important;letter-spacing: 0.3px !important;box-shadow: none !important;transition: all 0.25s ease !important;cursor: pointer !important;display: flex !important;align-items: center !important;gap: 6px !important;min-height: 32px !important}.btn-than-nong-ai [slot="prefix"],.btn-than-nong-ai [slot="suffix"]{display: none !important}.btn-than-nong-ai::after{content: '';position: absolute;inset: 0;border-radius: 20px;background: linear-gradient(180deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.00) 50%);pointer-events: none}.btn-than-nong-ai:hover{background: color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 12%,transparent) !important;border-color: color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 55%,transparent) !important;box-shadow: none !important;transform: translateY(-1px) !important}.btn-than-nong-ai:active{transform: translateY(0) !important;background: color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 26%,transparent) !important;box-shadow: 0 0 6px color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 20%,transparent) !important}.btn-than-nong-ai-content{display: flex;align-items: center;gap: 6px}.btn-than-nong-ai-avatar{--vaadin-avatar-size: 24px !important;flex-shrink: 0;vertical-align: middle;margin: 0 !important;padding: 0 !important}.btn-than-nong-ai-text{line-height: 24px;vertical-align: middle}.main-layout__title_label{color: darkblue;font-weight: 750;font-size: smaller;margin-top: -3px}.main-layout__title_label_catagory{color: darkblue;font-weight: 750;font-size: smaller;margin-top: -20px}.right-content{display: flex;align-items: center;margin-left: auto;gap: 8px}vaadin-app-layout.farm-shell #header .right-content{margin-right: 10px}.contentDivEnd{display: flex;justify-content: end;margin-left: auto;gap: 8px}.app-name{align-items: center;display: flex;height: 3rem;margin: 0;padding-left: var(--vaadin-gap-m);padding-right: var(--vaadin-gap-m);font-size: var(--aura-font-size-m)}.drawer-section{align-items: stretch;display: flex;flex-direction: column;max-height: -webkit-fill-available;min-height: -webkit-fill-available}.menu-item-container{border-bottom: 1px solid;border-color: color-mix(in srgb,var(--aura-neutral) 10%,transparent);flex-grow: 1;overflow: auto;scrollbar-width: thin;scrollbar-color: var(--vaadin-border-color) transparent}.menu-item-container::-webkit-scrollbar{width: 8px}.menu-item-container::-webkit-scrollbar-thumb{background-color: var(--vaadin-border-color);border-radius: 4px}.menu-item-container::-webkit-scrollbar-track{background: transparent}.menu-item-container::-webkit-scrollbar-button{display: none;height: 0;width: 0}.navigation-list{list-style-type: none;margin: 0;padding: 0}.menu-item-container vaadin-tabs{width: 100%}.menu-item-container vaadin-tab{--vaadin-tab-padding: 0.6rem 0.9rem;--vaadin-tab-text-color: var(--aura-secondary-text,var(--vaadin-text-color));width: 100%;box-sizing: border-box;justify-content: flex-start;margin: 2px 6px;border-radius: var(--vaadin-radius-l,10px);overflow: hidden;cursor: pointer;transition: background-color 0.15s ease,color 0.15s ease}.menu-item-container vaadin-tab:hover{--vaadin-tab-background: color-mix(in srgb,var(--aura-accent-color) 8%,transparent);--vaadin-tab-text-color: var(--aura-accent-text-color)}.menu-item-container vaadin-tab[selected]{--vaadin-tab-background: color-mix(in srgb,var(--aura-accent-color) 15%,transparent);--vaadin-tab-text-color: var(--aura-accent-text-color);font-weight: 700;box-shadow: inset 3px 0 0 var(--aura-accent-color)}.menu-item-container vaadin-tab .category-tab-icon{flex: 0 0 auto;width: 1.35rem;margin-inline-end: 0.55rem;font-size: var(--aura-font-size-l);line-height: 1;text-align: center}.menu-item-container vaadin-tab .category-tab-label{flex: 1 1 auto;min-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}.footer{align-items: center;display: flex;margin-bottom: var(--vaadin-gap-s);margin-top: var(--vaadin-gap-s);padding-left: var(--vaadin-gap-m);padding-right: var(--vaadin-gap-m);padding-bottom: var(--vaadin-gap-xs);padding-top: var(--vaadin-gap-xs)}.highlight_bell{color: red;cursor: default}.disable_highlight_bell{color: gray;cursor: default}a:disabled{background-color: dimgrey;color: linen;opacity: 1}a.disabled{background-color: dimgrey;color: linen;opacity: 1}.router-link-disabled{pointer-events: none;opacity: 1;color: var(--vaadin-text-color-secondary) !important;opacity: 1}.router-link-selected{color: var(--aura-accent-text-color);background-color: color-mix(in srgb,var(--aura-accent-color) 10%,transparent)}.button-disable{pointer-events: none;color: var(--vaadin-text-color-secondary) !important;background-color: color-mix(in srgb,var(--aura-neutral) 5%,transparent) !important}.buttonRight{float: right}.star-container{display: flex;align-items: center}.star{width: 10px !important;;height: 10px !important;clip-path: polygon( 50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35% );background-color: light-dark(#f59e0b,#fbbf24);margin-right: 2px}.star.half{background: linear-gradient(to right,light-dark(#f59e0b,#fbbf24) 50%,transparent 50%)}.star.empty{background-color: transparent;border: 1px solid light-dark(#d1d5db,#6b7280)}.iconLeft{background-color: #3cc30f;color: white;border-radius: 5px;font-size: 12px;padding: 2px 2px;display: flex;justify-content: center;align-items: center}.iconRight{background-color: #1c4cec;color: white;border-radius: 5px;font-size: 12px;padding: 2px 2px;justify-content: center;align-items: center;display: flex;margin-left: 1px}.price{background-color: #e63946;color: white;border-radius: 10px;font-size: 20px;font-weight: bold;padding: 4px 4px;display: flex;justify-content: center;align-items: center;text-align: center}.divTitleCenter{background-color: black;color: white;border-radius: 10px;font-size: 20px;font-weight: bold;padding: 4px 4px;display: flex;justify-content: center;align-items: center;text-align: center}.divTitleLeft{background-color: green;color: white;border-radius: 10px;font-size: 12px;font-weight: bold;padding: 4px 4px;display: flex;justify-content: center;align-items: center;text-align: center}#divRateVote{display: flex;align-items: center;gap: 4px}#divRate{display: flex}.colorSoldItem{color: light-dark(#666666,#A1A1AA);font-size: 14px}.sold{display: flex;justify-content: flex-end;align-items: center;text-align: right}.discountDetail{display: flex;align-items: center;color: var(--aura-red-text,light-dark(#c0392b,#f87171))}.txtDelivery input{display: flex;justify-content: center;align-items: center;text-align: center}@media (max-width: 768px){#header{gap: 12px !important;padding-right: 8px !important}.right-content{gap: 12px !important;flex-shrink: 0;margin-left: auto !important;overflow: visible !important}.right-content .marginRight5{display: none !important}.right-content>[style*="display: none"],.right-content>vaadin-button[hidden]{display: none !important}.cart-icon{margin-right: 0 !important}.btn-than-nong-ai{padding: 0 !important;min-width: unset !important;width: auto !important;border: none !important;background: transparent !important;box-shadow: none !important;display: flex !important;align-items: center !important;justify-content: center !important;margin-left: auto !important;margin-right: auto !important}.btn-than-nong-ai::after{display: none !important}.btn-than-nong-ai-avatar{--vaadin-avatar-size: 28px !important}.btn-than-nong-ai-text{display: none !important}.btn-than-nong-ai-content{gap: 0 !important}.btn-header-glass{padding: 2px 5px !important;border-radius: 10px !important;box-shadow: none !important;min-height: unset !important;height: 32px !important}.cb-header-glass{border-radius: 10px !important;height: 32px !important;max-height: 32px !important;padding-top: 0 !important;padding-bottom: 0 !important}.cb-header-glass::part(input-field){min-height: 32px !important;max-height: 32px !important;padding: 0 4px !important}.cart-container{overflow: visible !important}.cb-select-language{width: 120px !important;font-size: 95% !important}}@media (max-width: 400px){#header{gap: 8px !important;padding-right: 6px !important}.right-content{gap: 8px !important}#header h1{display: none !important}.btn-than-nong-ai{padding: 0 !important}.cb-select-language{width: 110px !important}}[theme~="my-dialog"] flow-component-renderer>div{display: flex;flex-direction: column;overflow: hidden}[theme~="my-dialog"] header{align-items: center;display: flex;padding: var(--vaadin-gap-xs) var(--vaadin-gap-m)}[theme~="my-dialog"] header .dialog-title{font-size: var(--aura-font-size-m);margin: 0 auto 0 0}[theme~="my-dialog"] header vaadin-button:not(:last-child){margin-right: var(--vaadin-gap-xs)}[theme~="my-dialog"] .dialog-content{display: flex;flex-direction: column;flex-grow: 1;overflow: auto;padding: 0 !important;width: fit-content;width: 100%}[theme~="my-dialog"] .dialog-content-max{display: flex;flex-direction: column;flex-grow: 1;overflow: auto;padding: 0 !important;width: 100% !important}[theme~="my-dialog"] .dialog-content-message{width:auto;flex-direction: column;flex-grow: 1;overflow: auto}[theme~="my-dialog"] footer{box-shadow: 0 -1px color-mix(in srgb,var(--aura-neutral) 20%,transparent);display: inline-block;padding: var(--vaadin-gap-xs) var(--vaadin-gap-m);z-index: 1}[theme~="my-dialog"] footer vaadin-button:not(:last-child){margin-right: var(--vaadin-gap-xs)}[theme~="my-dialog"] footer vaadin-button.beforeLastChild{margin-left: auto;float: right;margin-left: 5px}[theme~="my-dialog"] footer vaadin-button:last-child{margin-left: auto;float: right}[theme~="my-dialog"] header,[theme~="my-dialog"] .dialog-content,[theme~="my-dialog"] footer{pointer-events: none}[theme~="my-dialog"] header *,[theme~="my-dialog"] .dialog-content *,[theme~="my-dialog"] footer *{pointer-events: auto}[theme~="my-dialog"] .marginTop{margin-top: 10px}[theme~="my-dialog"] .button_marginTop{margin-top: 37px}[theme~="my-dialog"] .width23-2component-asset-manager-button-file{margin-left: -16px}[theme~="my-dialog"] .width23-2component-asset-manager-button-photo{margin-left: -15px}[theme~="my-dialog"] .width23-2component-asset-manager-upload-button-file{width: calc(90% - 0.75rem) !important;margin-right: 0px !important}[theme~="my-dialog"] .width23-2component-asset-manager-upload-button-photo{width: calc(90% - 0.75rem) !important;margin-right: 0px !important;margin-left: 0px !important}[theme~="my-dialog"] .compoment-hidden{display: none}[theme~="my-dialog"] vaadin-form-layout{overflow: auto}[theme~="my-dialog"] .maxWidthSmall{max-width: 30em !important}[theme~="my-dialog"] .maxWidthLarge{max-width: 100% !important}[theme~="my-dialog"] .maxWidth{width : 100% !important;margin-left: 0px !important}[theme~="my-dialog"] .imageUserPhotoInGrid{width: 32px;height: 32px;cursor: pointer}::-webkit-scrollbar{width: 10px}[theme~="my-dialog"] .dialogOneColumnMinWidth{min-width: 420px;width: fit-content}[theme~="my-dialog"] section#resizerContainer{width: fit-content;min-width: 420px}[theme~="my-dialog"] [part='content']{padding: var(--vaadin-gap-l);width: fit-content;min-width: 420px}.strDialogTitle{font-size: medium}vaadin-dialog-overlay.strClassNameTitle::part(title){font-size: medium}vaadin-dialog-overlay[theme~="my-dialog-title"]::part(title){background-color: red;color: #fff;font-size: small}.notify-message-dialog vaadin-text-field[readonly]::part(input-field),.notify-message-dialog vaadin-text-area[readonly]::part(input-field){background: var(--aura-surface-color,#ffffff);border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-m,8px);color: var(--aura-body-text-color)}.notify-message-dialog vaadin-text-field:first-of-type::part(value){font-weight: 600;color: var(--aura-accent-text-color,var(--app-accent-color,var(--aura-accent-color)))}.notify-message-dialog vaadin-text-area::part(input-field){line-height: 1.5}.custom-popup{position: relative;width: 100%;height: 100%;z-index: 0}.custom-popup .leaflet-popup{position: absolute;text-align: center;margin-bottom: 20px;height: auto !important}.custom-popup .leaflet-popup-content-wrapper{background:#2c3e50;color:#fff;font-size:16px;line-height:24px}.custom-popup .leaflet-popup-content-wrapper a{color:rgba(255,255,255,0.5)}.custom-popup .leaflet-popup-tip-container{width:0px;height:0px}.custom-popup .leaflet-popup-tip{border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #2c3e50}.progress-tracker{display: flex;margin: 60px auto;padding: 0;list-style: none}.progress-step{flex: 1 1 0%;margin: 0;padding: 0;min-width: 24px}.progress-step:last-child{flex-grow: 0}.progress-step:last-child .progress-marker::after{display: none}.progress-link{display: block;position: relative}.progress-marker{display: block;position: relative}.progress-marker::before{content: attr(data-text);display: flex;justify-content: center;align-items: center;position: relative;z-index: 20;width: 24px;height: 24px;padding-bottom: 2px;border-radius: 50%;transition: background-color,border-color;transition-duration: 0.3s}.progress-marker::after{content: "";display: block;position: absolute;z-index: -10;top: 10px;right: -12px;width: 100%;height: 4px;transition: background-color 0.3s,background-position 0.3s}.progress-text{display: block;padding: 8px 8px;overflow: hidden;text-overflow: ellipsis}.progress-title{margin-top: 0}.progress-step .progress-marker{color: #fff}.progress-step .progress-marker::before{background-color: #b6b6b6}.progress-step .progress-marker::after{background-color: #b6b6b6}.progress-step .progress-text{color: #333}.progress-step.is-active .progress-marker::before{background-color: #2196F3}.progress-step.is-complete .progress-marker::before,.progress-step.is-progress .progress-marker::before{background-color: #1976D2}.progress-step.is-complete .progress-marker::after,.progress-step.is-progress .progress-marker::after{background-color: #868686}.progress-step.is-progress-10 .progress-marker::after{background-image: linear-gradient(to right,#868686 10%,#b6b6b6 10%)}.progress-step.is-progress-20 .progress-marker::after{background-image: linear-gradient(to right,#868686 20%,#b6b6b6 20%)}.progress-step.is-progress-30 .progress-marker::after{background-image: linear-gradient(to right,#868686 30%,#b6b6b6 30%)}.progress-step.is-progress-40 .progress-marker::after{background-image: linear-gradient(to right,#868686 40%,#b6b6b6 40%)}.progress-step.is-progress-50 .progress-marker::after{background-image: linear-gradient(to right,#868686 50%,#b6b6b6 50%)}.progress-step.is-progress-60 .progress-marker::after{background-image: linear-gradient(to right,#868686 60%,#b6b6b6 60%)}.progress-step.is-progress-70 .progress-marker::after{background-image: linear-gradient(to right,#868686 70%,#b6b6b6 70%)}.progress-step.is-progress-80 .progress-marker::after{background-image: linear-gradient(to right,#868686 80%,#b6b6b6 80%)}.progress-step.is-progress-90 .progress-marker::after{background-image: linear-gradient(to right,#868686 90%,#b6b6b6 90%)}.progress-step:hover .progress-marker::before{background-color: #56ADF5}.progress-tracker--text .progress-step:last-child,.progress-tracker--center .progress-step:last-child,.progress-tracker--right .progress-step:last-child{flex-grow: 1}.progress-tracker--center{text-align: center}.progress-tracker--center .progress-marker::before,.progress-tracker--center .progress-text--dotted::before{margin-left: auto;margin-right: auto}.progress-tracker--center .progress-marker::after{right: -50%}.progress-tracker--right{text-align: right}.progress-tracker--right .progress-marker::before,.progress-tracker--right .progress-text--dotted::before{margin-left: auto}.progress-tracker--right .progress-marker::after{right: calc(-100% + 12px)}.progress-tracker--spaced .progress-marker::after{width: calc(100% - 40px);margin-left: 20px;margin-right: 20px}.progress-tracker--border{padding: 4px;border: 2px solid #333;border-radius: 32px}.progress-tracker--theme-red .progress-step .progress-marker{color: #fff}.progress-tracker--theme-red .progress-step .progress-marker::before{background-color: #666}.progress-tracker--theme-red .progress-step .progress-marker::after{background-color: #666}.progress-tracker--theme-red .progress-step .progress-text{color: #333}.progress-tracker--theme-red .progress-step.is-active .progress-marker::before{background-color: #A62D24}.progress-tracker--theme-red .progress-step.is-complete .progress-marker::before{background-color: #D93B30}.progress-tracker--theme-red .progress-step.is-complete .progress-marker::after{background-color: #333}.progress-tracker--theme-red .progress-step:hover .progress-marker::before{background-color: #DF7B74}.progress-text--dotted::before{content: "";display: block;width: 12px;height: 12px;margin: 6px -2px;background-size: 12px 18px;background-image: repeating-radial-gradient(circle at center 6px,#b6b6b6,#b6b6b6 5px,rgba(182,182,182,0.5) 5.5px,rgba(182,182,182,0.01) 6px,transparent 100%)}.progress-text--dotted-1::before{height: 12px}.progress-text--dotted-2::before{height: 30px}.progress-text--dotted-3::before{height: 48px}.progress-text--dotted-4::before{height: 66px}.progress-text--dotted-5::before{height: 84px}.progress-text--dotted-6::before{height: 102px}.progress-text--dotted-7::before{height: 120px}.progress-text--dotted-8::before{height: 138px}.progress-text--dotted-9::before{height: 156px}.progress-text--dotted-10::before{height: 174px}.progress-text--dotted-11::before{height: 192px}.progress-text--dotted-12::before{height: 210px}.progress-tracker--text-top .progress-text{height: 100%}.progress-tracker--text-top .progress-marker{top: -24px}.progress-tracker--text-inline{overflow: hidden}.progress-tracker--text-inline .progress-step,.progress-tracker--text-inline .progress-marker{display: flex;align-items: center}.progress-tracker--text-inline .progress-marker{flex-grow: 1}.progress-tracker--text-inline .progress-marker::after{top: auto}.progress-tracker--text-inline .progress-text{position: relative;z-index: 30;max-width: 70%;white-space: nowrap;padding-top: 0;padding-bottom: 0;background-color: #fff}.progress-tracker--text-inline .progress-marker .progress-text{display: inline-block}.progress-tracker--text-inline .progress-title{margin: 0}.progress-tracker--square .progress-marker::before{border-radius: 0}.progress-tracker--square .progress-marker::after{top: auto;bottom: 0}@media (max-width: 575px){.progress-tracker-wrapper{overflow-x: auto;scroll-snap-type: x proximity}.progress-tracker-wrapper .progress-step{min-width: 50%;scroll-snap-align: start}}.progress-tracker--vertical{flex-direction: column}.progress-tracker--vertical .progress-step{display: flex;flex: 1 1 auto}.progress-tracker--vertical.progress-tracker--right .progress-step{flex-direction: row-reverse}.progress-tracker--vertical .progress-marker::after{right: auto;top: 12px;left: 10px;width: 4px;height: 100%}.progress-tracker--vertical .progress-text{padding: 0 12px 24px 12px}@keyframes scale-up{from{opacity: 1;transform: translate(-50%,-50%) scale(0)}to{opacity: 0;transform: translate(-50%,-50%) scale(1)}}.anim-ripple .progress-link::before,.anim-ripple-large .progress-link::before,.anim-ripple-splash .progress-link::before{content: "";display: block;width: 24px;height: 24px;position: absolute;top: 12px;left: 12px;z-index: 30;background: rgba(0,0,0,0.3);border-radius: 50%;transform: translate(-50%,-50%) scale(0);visibility: hidden}.anim-ripple .progress-link:not(:active)::before,.anim-ripple-large .progress-link:not(:active)::before,.anim-ripple-splash .progress-link:not(:active)::before{animation: scale-up 0.3s ease-out}.anim-ripple .progress-link:focus::before,.anim-ripple-large .progress-link:focus::before,.anim-ripple-splash .progress-link:focus::before{visibility: visible}.anim-ripple.progress-tracker--center .progress-link::before,.anim-ripple.progress-tracker--center .progress-link::after,.progress-tracker--center .anim-ripple .progress-link::before,.progress-tracker--center .anim-ripple .progress-link::after,.anim-ripple-large.progress-tracker--center .progress-link::before,.anim-ripple-large.progress-tracker--center .progress-link::after,.progress-tracker--center .anim-ripple-large .progress-link::before,.progress-tracker--center .anim-ripple-large .progress-link::after,.anim-ripple-splash.progress-tracker--center .progress-link::before,.anim-ripple-splash.progress-tracker--center .progress-link::after,.progress-tracker--center .anim-ripple-splash .progress-link::before,.progress-tracker--center .anim-ripple-splash .progress-link::after,.anim-ripple-double.progress-tracker--center .progress-link::before,.anim-ripple-double.progress-tracker--center .progress-link::after,.progress-tracker--center .anim-ripple-double .progress-link::before,.progress-tracker--center .anim-ripple-double .progress-link::after{left: 50%}.anim-ripple.progress-tracker--right .progress-link::before,.anim-ripple.progress-tracker--right .progress-link::after,.progress-tracker--right .anim-ripple .progress-link::before,.progress-tracker--right .anim-ripple .progress-link::after,.anim-ripple-large.progress-tracker--right .progress-link::before,.anim-ripple-large.progress-tracker--right .progress-link::after,.progress-tracker--right .anim-ripple-large .progress-link::before,.progress-tracker--right .anim-ripple-large .progress-link::after,.anim-ripple-splash.progress-tracker--right .progress-link::before,.anim-ripple-splash.progress-tracker--right .progress-link::after,.progress-tracker--right .anim-ripple-splash .progress-link::before,.progress-tracker--right .anim-ripple-splash .progress-link::after,.anim-ripple-double.progress-tracker--right .progress-link::before,.anim-ripple-double.progress-tracker--right .progress-link::after,.progress-tracker--right .anim-ripple-double .progress-link::before,.progress-tracker--right .anim-ripple-double .progress-link::after{left: calc(100% - 12px)}.anim-ripple-splash .progress-link::before{width: 48px;height: 48px;box-shadow: 0 0 6px 6px rgba(0,0,0,0.35)}.anim-ripple-double .progress-link::before,.anim-ripple-double .progress-link::after{content: "";display: block;width: 24px;height: 24px;position: absolute;top: 12px;left: 12px;z-index: 30;background: rgba(0,0,0,0.3);border-radius: 50%;transform: translate(-50%,-50%) scale(0);visibility: hidden;background: none;border: 3px solid rgba(0,0,0,0.3)}.anim-ripple-double .progress-link:not(:active)::before,.anim-ripple-double .progress-link:not(:active)::after{animation: scale-up 0.3s ease-out 0s}.anim-ripple-double .progress-link:not(:active)::after{animation-delay: 0.15s}.anim-ripple-double .progress-link:focus::before,.anim-ripple-double .progress-link:focus::after{visibility: visible}.anim--large .progress-link::before,.anim--large .progress-link::after{width: 48px;height: 48px}.anim--path .progress-marker::after{background-image: linear-gradient(to right,#b6b6b6 50%,#868686 50%);background-size: 200% 100%;background-position: 0% 100%;transition: background-position 0.3s ease-out}.progress-step.is-complete .anim--path .progress-marker::after{background-position: -100% 100%}.anim--path .progress-step.is-complete .progress-marker::after{background-position: -100% 100%}[dir=rtl] .progress-marker::after{right: auto;left: -12px}[dir=rtl] .progress-tracker--center .progress-marker::after{left: -50%}master-detail-designer-view{display: flex;flex-direction: column;height: 100%}master-detail-designer-view vaadin-split-layout{width: 100%;height: 100%}master-detail-designer-view vaadin-grid{height: 100%}master-detail-designer-view .editor-layout{display: flex;flex-direction: column;width: 400px}master-detail-designer-view .editor{flex-grow: 1;padding: var(--vaadin-gap-l)}master-detail-designer-view .editor vaadin-checkbox{padding-top: var(--vaadin-gap-m)}master-detail-designer-view .button-layout{width: 100%;flex-wrap: wrap;background-color: color-mix(in srgb,var(--aura-neutral) 5%,transparent);padding-bottom: var(--vaadin-gap-s);padding-top: var(--vaadin-gap-s);padding-left: var(--vaadin-gap-l);padding-right: var(--vaadin-gap-l);gap: var(--vaadin-gap-m)}master-detail-designer-view .grid-wrapper{width: 100%}.admin-company-manager-last-a{display: flex;justify-content: center;background-color: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-weight: 600;min-width: 5.5rem;border-radius: var(--vaadin-radius-m);flex: auto;float: left;margin-left: 5px;margin-right: 0px;height: 36px;margin-top: 4px}.admin-company-manager-last-a a{color: var(--aura-accent-contrast-color);margin-top: 5px}.active{color: var(--aura-accent-contrast-color) !important;}.disActive{color: darkgray !important}@media (max-width: 1024px){.admin-company-manager-last-a{display: flex;justify-content: center;background-color: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-weight: 600;min-width: 5.5rem;border-radius: var(--vaadin-radius-m);flex: auto;float: left;width: 48%;margin-left: 5px;margin-right: 0px;height: 36px;margin-top: 4px}}@media (max-width: 800px){.admin-company-manager-last-a{display: flex;justify-content: center;background-color: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-weight: 600;min-width: 5.5rem;border-radius: var(--vaadin-radius-m);flex: auto;float: left;width: 48%;margin-left: 5px;margin-right: 0px;height: 36px;margin-top: 4px}}@media (max-width: 768px){.admin-company-manager-last-a{display: flex;justify-content: center;background-color: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-weight: 600;min-width: 5.5rem;border-radius: var(--vaadin-radius-m);flex: auto;float: left;width: 48%;margin-left: 5px;margin-right: 0px;height: 36px;margin-top: 4px}}@media (max-width: 700px){.admin-company-manager-last-a{display: flex;justify-content: center;background-color: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-weight: 600;min-width: 5.5rem;border-radius: var(--vaadin-radius-m);flex: auto;float: left;width: 100%;margin-left: 0px;margin-right: 0px;height: 36px;margin-top: 4px}}@media (max-width: 610px){.admin-company-manager-last-a{display: flex;justify-content: center;background-color: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-weight: 600;min-width: 5.5rem;border-radius: var(--vaadin-radius-m);flex: auto;float: left;width: 100%;margin-left: 0px;margin-right: 0px;height: 36px;margin-top: 4px}}@media (max-width: 450px){.admin-company-manager-last-a{display: flex;justify-content: center;background-color: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-weight: 600;min-width: 5.5rem;border-radius: var(--vaadin-radius-m);flex: auto;float: left;width: 100%;margin-left: 0px;margin-right: 0px;height: 36px;margin-top: 4px}}@media (max-width: 540px){}@media (max-width: 420px){.admin-company-manager-last-a{display: flex;justify-content: center;background-color: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-weight: 600;min-width: 5.5rem;border-radius: var(--vaadin-radius-m);flex: auto;float: left;width: 100%;margin-left: 0px;margin-right: 0px;height: 36px;margin-top: 4px}}@media (max-width: 376px){.admin-company-manager-last-a{display: flex;justify-content: center;background-color: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-weight: 600;min-width: 5.5rem;border-radius: var(--vaadin-radius-m);flex: auto;float: left;width: 100%;margin-left: 0px;margin-right: 0px;height: 36px;margin-top: 4px}}@media (max-width: 370px){.admin-company-manager-last-a{display: flex;justify-content: center;background-color: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-weight: 600;min-width: 5.5rem;border-radius: var(--vaadin-radius-m);flex: auto;float: left;width: 100%;margin-left: 0px;margin-right: 0px;height: 36px;margin-top: 4px}}@media (max-width: 320px){.admin-company-manager-last-a{display: flex;justify-content: center;background-color: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-weight: 600;min-width: 5.5rem;border-radius: var(--vaadin-radius-m);flex: auto;float: left;width: 100%;margin-left: 0px;margin-right: 0px;height: 36px;margin-top: 4px}}@media (max-width: 280px){.admin-company-manager-last-a{display: flex;justify-content: center;background-color: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-weight: 600;min-width: 5.5rem;border-radius: var(--vaadin-radius-m);flex: auto;float: left;width: 48%;margin-left: 0px;margin-right: 0px;height: 26px;margin-top: 4px}}company-asset-report-view .field-row-align-end{align-items: flex-end}company-asset-report-view #butFilerQRSerial.qr-scan-chip{height: 24px !important;min-height: 24px !important;width: 24px !important;min-width: 24px !important;align-self: center !important}.admin-payment-manager-last-a{display: flex;justify-content: center;background-color: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-weight: 600;min-width: 5.5rem;border-radius: var(--vaadin-radius-m);flex: auto;float: left;width: -webkit-fill-available;margin-left: 5px;margin-right: 0px;height: 36px;margin-top: 4px}.admin-payment-manager-last-a a{color: var(--aura-accent-contrast-color);margin-top: 5px}.button-last{margin-right: 7px;margin-left: 5px}@media (max-width: 1024px){.button-last{margin-right: 7px;margin-left: 5px}}@media (max-width: 800px){.button-last{margin-right: 7px;margin-left: 5px}}@media (max-width: 768px){.button-last{margin-right: 7px;margin-left: 5px}}@media (max-width: 700px){.button-last{margin-right: 7px;margin-left: 5px}}@media (max-width: 610px){.button-last{margin-right: 7px;margin-left: 5px}}@media (max-width: 450px){.button-last{margin-right: 7px;margin-left: 5px}}@media (max-width: 540px){}@media (max-width: 420px){.button-last{margin-right: 7px;margin-left: 5px}}@media (max-width: 376px){.button-last{margin-right: 7px;margin-left: 5px}}@media (max-width: 370px){.button-last{margin-right: 7px;margin-left: 5px}}@media (max-width: 320px){.button-last{margin-right: 7px;margin-left: 5px}}@media (max-width: 280px){.button-last{margin-right: 7px;margin-left: 5px}}.leaflet-left{left: 0px;height: unset !important}.div-staff-info-link{width:74%;object-fit: contain;background-size: cover;position: relative}.div-staff-info-link a{width:100%;object-fit: contain;background-size: cover;z-index: 999;text-decoration: none;color: blue}.div-staff-info-image{display: flex;width: 100%;flex-flow: row wrap}.checkin-card{display: flex;align-items: center;gap: 14px;width: 100%;box-sizing: border-box;padding: 14px 16px;min-height: 68px;border-radius: var(--vaadin-radius-l);text-decoration: none;color: var(--vaadin-text-color);cursor: pointer;-webkit-tap-highlight-color: transparent;background: color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 12%,var(--aura-surface-color));border: 1px solid color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 32%,transparent);box-shadow: 0 4px 16px color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 14%,transparent);transition: transform .12s ease,box-shadow .12s ease,background .12s ease}.checkin-card:hover{background: color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 18%,var(--aura-surface-color));box-shadow: 0 6px 22px color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 22%,transparent);transform: translateY(-1px)}.checkin-card:active{transform: translateY(0) scale(0.995);box-shadow: 0 2px 10px color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 18%,transparent)}.checkin-card__icon{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 46px;height: 46px;border-radius: 13px;background: color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 18%,transparent);color: var(--aura-accent-text-color)}.checkin-card__icon vaadin-icon{width: 24px;height: 24px}.checkin-card__body{display: flex;flex-direction: column;gap: 1px;min-width: 0;flex: 1 1 auto}.checkin-card__label{font-size: .72rem;font-weight: 600;letter-spacing: .04em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.checkin-card__gate{font-size: 1.0625rem;font-weight: 700;line-height: 1.25;color: var(--vaadin-text-color);word-break: break-word}.checkin-card__hint{display: inline-flex;align-items: center;gap: 4px;margin-top: 3px;font-size: .8125rem;font-weight: 600;color: var(--aura-accent-text-color)}.checkin-card__chevron{flex: 0 0 auto;width: 28px;height: 28px;color: var(--aura-accent-text-color)}.checkin-card.checkin-card--empty{pointer-events: none;cursor: default;background: var(--aura-surface-color);border: 1px dashed var(--vaadin-border-color);box-shadow: none}.checkin-card--empty .checkin-card__icon{background: color-mix(in srgb,var(--vaadin-text-color-secondary) 12%,transparent);color: var(--vaadin-text-color-secondary)}.checkin-card--empty .checkin-card__gate{font-weight: 600;font-size: 1rem;color: var(--vaadin-text-color-secondary)}.checkin-card--empty .checkin-card__hint,.checkin-card--empty .checkin-card__chevron{display: none}@media (max-width: 768px){.checkin-card{padding: 12px 14px;gap: 12px}.checkin-card__icon{width: 42px;height: 42px}.checkin-card__gate{font-size: 1rem}}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view){display: block;min-height: 100vh;color-scheme: light}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-page{display: flex;justify-content: center;align-items: flex-start;width: 100%;min-height: 100vh;box-sizing: border-box;padding: 24px 14px 96px;background: radial-gradient(130% 80% at 50% -12%,color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 22%,transparent) 0%,transparent 52%),light-dark(#eaf0f1,#0c0d11)}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-card{width: 100%;max-width: 470px;box-sizing: border-box;margin: 0 auto;padding: 18px;display: flex;flex-direction: column;gap: 14px;border-radius: 24px;background: var(--aura-surface-color-solid,light-dark(#ffffff,#17181d));border: 1px solid color-mix(in srgb,var(--vaadin-text-color) 12%,transparent);box-shadow: 0 20px 55px -18px rgba(0,0,0,.45);color: var(--vaadin-text-color)}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-header{display: flex;align-items: center;gap: 12px;width: 100%;padding-bottom: 2px}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-brand-icon{display: inline-flex;align-items: center;justify-content: center;width: 46px;height: 46px;flex: 0 0 auto;border-radius: 14px;background: color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 20%,transparent);color: var(--aura-accent-text-color)}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-brand-icon vaadin-icon{width: 25px;height: 25px}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-brand-text{display: flex;flex-direction: column;line-height: 1.22;min-width: 0;flex: 1 1 auto}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-close{flex: 0 0 auto;width: 40px !important;min-width: 40px !important;height: 40px;padding: 0;margin: 0;border-radius: 50%;cursor: pointer;color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--vaadin-text-color) 7%,transparent);transition: background .15s ease,color .15s ease}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-close:hover{background: color-mix(in srgb,var(--aura-red,#e5484d) 16%,transparent);color: var(--aura-red,#e5484d)}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-close vaadin-icon{width: 18px;height: 18px}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-brand-title{font-size: 1.3rem;font-weight: 800;letter-spacing: -.01em;color: var(--vaadin-text-color) !important}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-brand-sub{font-size: .8rem;font-weight: 600;text-decoration: none;color: var(--vaadin-text-color-secondary) !important}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-tile{width: 100%;box-sizing: border-box;padding: 12px;border-radius: 18px;background: color-mix(in srgb,var(--vaadin-text-color) 4%,transparent);border: 1px solid color-mix(in srgb,var(--vaadin-text-color) 9%,transparent);gap: 10px}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-camera-frame{width: 100%;border-radius: 14px;overflow: hidden;display: block;line-height: 0;margin-bottom: 10px;background: color-mix(in srgb,var(--vaadin-text-color) 6%,transparent);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--vaadin-text-color) 10%,transparent)}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-camera-frame .classCamera,:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-camera-frame #camera{display: block !important;width: 100% !important;height: auto !important;margin: 0 !important}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-camera-tile:has(#camera[hidden]){display: none}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-cred-tile:has(#textEmail[hidden]){display: none}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) #textEmail,:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) #textPassword{width: 100%}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-actions{display: flex;flex-flow: row nowrap;gap: 10px;width: 100%;margin: 0}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-actions:has(#butCheckIn[hidden]):has(#butCheckOut[hidden]){display: none}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) #verLayoutAuthenFingerPrint:has(#butFingerPrintIn[hidden]):has(#butFingerPrintOut[hidden]){display: none}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-btn-full{width: 100% !important;max-width: 100% !important;margin: 0 !important}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-btn-half{flex: 1 1 0 !important;width: auto !important;max-width: none !important;min-width: 0;margin: 0 !important}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .styled-button{height: 48px;font-weight: 700}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) #butHome{height: 44px}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-notice{display: block;width: 100%;text-align: center;font-weight: 600;min-height: 1.2em;color: var(--vaadin-text-color)}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .waiting-block{width: 100%;justify-content: center}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .modal{position: fixed;inset: 0;height: 100%;padding: 0}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) #divLoading.compoment-block,:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) #divCheckAdminOpenMonitor.compoment-block,:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) #active.compoment-block{position: fixed;inset: 0;height: 100%;padding: 0;display: flex !important;align-items: center;justify-content: center;background: color-mix(in srgb,#000 45%,transparent);z-index: 100}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-loading-card{display: flex;flex-direction: column;gap: 16px;width: min(320px,82vw);box-sizing: border-box;padding: 24px 26px;border-radius: 18px;background: var(--aura-surface-color-solid,light-dark(#ffffff,#17181d));box-shadow: 0 24px 60px -18px rgba(0,0,0,.55);color: var(--vaadin-text-color);text-align: center;height: auto !important;min-height: 0 !important;max-height: 86vh;align-self: center !important;flex: 0 0 auto !important}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-loading-card .active-text{margin: 0;background: transparent;font-size: 1.05rem;font-weight: 700;color: var(--vaadin-text-color)}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-progress{width: 100%;height: 12px;--vaadin-progress-height: 12px;border-radius: 999px;overflow: hidden}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-progress::part(value){background-color: var(--app-accent-color,var(--aura-accent-color)) !important;border-radius: 999px}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) #divLoading.compoment-block .uqr-progress::part(value),:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) #divCheckAdminOpenMonitor.compoment-block .uqr-progress::part(value){animation: uqr-fill var(--uqr-fill-duration,3s) linear forwards}@keyframes uqr-fill{from{width: 0}to{width: 100%}}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .active-text{color: var(--vaadin-text-color)}@media (max-width: 768px){:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-page{padding: 12px 10px 96px}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-card{padding: 14px;border-radius: 20px;gap: 12px}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-brand-title{font-size: 1.2rem}}@media (max-width: 360px){:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-actions{flex-wrap: wrap}:is(user-qr-normal-view,user-qr-visitor-view,company-eticket-checkin-view) .uqr-btn-half{flex: 1 1 100% !important}}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view){display: block;min-height: 100vh;color-scheme: light}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-page{display: flex;justify-content: center;align-items: flex-start;width: 100%;min-height: 100vh;box-sizing: border-box;padding: 24px 14px 96px;background: radial-gradient(130% 80% at 50% -12%,color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 22%,transparent) 0%,transparent 52%),light-dark(#eaf0f1,#0c0d11)}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-card{width: 100%;max-width: 470px;box-sizing: border-box;margin: 0 auto;padding: 18px;display: flex;flex-direction: column;gap: 14px;border-radius: 24px;background: var(--aura-surface-color-solid,light-dark(#ffffff,#17181d));border: 1px solid color-mix(in srgb,var(--vaadin-text-color) 12%,transparent);box-shadow: 0 20px 55px -18px rgba(0,0,0,.45);color: var(--vaadin-text-color)}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-header{display: flex;align-items: center;gap: 12px;width: 100%}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-brand-icon{display: inline-flex;align-items: center;justify-content: center;width: 46px;height: 46px;flex: 0 0 auto;border-radius: 14px;background: color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 20%,transparent);color: var(--aura-accent-text-color)}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-brand-icon vaadin-icon{width: 25px;height: 25px}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-brand-text{display: flex;flex-direction: column;line-height: 1.22;min-width: 0}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-brand-title{font-size: 1.3rem;font-weight: 800;letter-spacing: -.01em;color: var(--vaadin-text-color) !important}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-brand-sub{font-size: .8rem;font-weight: 600;text-decoration: none;color: var(--vaadin-text-color-secondary) !important}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) #horLayoutResult{display: flex;align-items: center;gap: 12px;width: 100%;box-sizing: border-box;padding: 14px 16px;border-radius: 18px;font-weight: 700}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .color-blue-width-result{background-color: color-mix(in srgb,var(--aura-green,#16a34a) 16%,var(--aura-surface-color-solid,transparent)) !important;border: 1px solid color-mix(in srgb,var(--aura-green,#16a34a) 40%,transparent);color: color-mix(in srgb,var(--aura-green,#16a34a) 55%,var(--vaadin-text-color)) !important;padding-left: 16px}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .color-blue-width-result-orange{background-color: color-mix(in srgb,var(--aura-orange,#d97706) 16%,var(--aura-surface-color-solid,transparent)) !important;border: 1px solid color-mix(in srgb,var(--aura-orange,#d97706) 42%,transparent);color: color-mix(in srgb,var(--aura-orange,#d97706) 58%,var(--vaadin-text-color)) !important;padding-left: 16px}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-status-icon{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;height: 100%}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .imgResult{width: 34px;height: 34px;display: block}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-status-text{font-size: 1.02rem;font-weight: 700;line-height: 1.25}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-details{display: flex;flex-direction: column;gap: 10px;width: 100%;box-sizing: border-box;margin: 0;padding: 12px;border: 1px solid color-mix(in srgb,var(--vaadin-text-color) 9%,transparent);border-radius: 18px;background: color-mix(in srgb,var(--vaadin-text-color) 4%,transparent)}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-details vaadin-form-item,:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-field{width: 100% !important;max-width: 100% !important}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-photo-tile{padding: 8px;border-radius: 18px;border: 1px solid color-mix(in srgb,var(--vaadin-text-color) 9%,transparent);background: color-mix(in srgb,var(--vaadin-text-color) 4%,transparent)}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-photo{width: 100%;border-radius: 12px;overflow: hidden;display: flex;justify-content: center;background: #0a0a0a}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-photo img{width: 100% !important;height: auto !important;max-height: 260px;object-fit: cover;display: block}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-photo-tile:not(:has(img[src])){display: none}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .styled-button{height: 48px;font-weight: 700}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-btn-full{width: 100% !important;max-width: 100% !important;margin: 0 !important}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) #verLayoutCookie{width: 100%}@media (max-width: 768px){:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-page{padding: 12px 10px 96px}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-card{padding: 14px;border-radius: 20px;gap: 12px}:is(user-qr-normal-result-view,user-qr-visitor-result-view,company-eticket-checkin-result-view) .uqr-brand-title{font-size: 1.2rem}}body,html{height: 100%}body{height: 100%}#outlet{overflow: auto !important}#divGridResizeRight{overflow: auto !important}.main-layout{display: flex;flex-direction: column;width: 100%;height: 100%;max-width: 860px;margin: 0 auto}.main-div-layout{display: flex;width: 100%;justify-content: center}.man-div-height-auto{height: auto}.man-div-height-scroll{max-height: 100vh;overflow-y: auto;overflow-x: auto}.main-div-sublayout{width: 99.5%}.div-sellingitem{display: flex;flex-wrap: wrap;box-sizing: border-box;gap: 6px;width: 100%}farm-detail-item-view #layoutLinkedItem,farm-detail-item-view #layoutSuggestedItem{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;align-items: start;width: 100%;box-sizing: border-box}@media (min-width: 600px){farm-detail-item-view #layoutLinkedItem,farm-detail-item-view #layoutSuggestedItem{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (min-width: 900px){farm-detail-item-view #layoutLinkedItem,farm-detail-item-view #layoutSuggestedItem{grid-template-columns: repeat(4,minmax(0,1fr))}}@media (min-width: 1200px){farm-detail-item-view #layoutLinkedItem,farm-detail-item-view #layoutSuggestedItem{grid-template-columns: repeat(5,minmax(0,1fr))}}farm-detail-item-view #layoutLinkedItem>.div-sellingitem,farm-detail-item-view #layoutSuggestedItem>.div-sellingitem{display: contents}farm-detail-item-view #layoutLinkedItem farm-selling-item-element,farm-detail-item-view #layoutSuggestedItem farm-selling-item-element{width: 100% !important;height: 300px !important;min-width: 0;max-width: 100%}@media (max-width: 768px){farm-detail-item-view #layoutLinkedItem farm-selling-item-element,farm-detail-item-view #layoutSuggestedItem farm-selling-item-element{height: 260px !important}}farm-detail-item-view #layoutLinkedItem .div-sellingitem>div,farm-detail-item-view #layoutSuggestedItem .div-sellingitem>div{display: none !important}.heightAuto{height: auto !important}.height100{height: -webkit-fill-available !important}.heightScroll{height: 900px !important}.border{border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-l);background-color: var(--aura-surface-color)}.card-raised{--aura-surface-level: 3;border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-l);box-shadow: 0 1px 3px rgba(0,0,0,0.14)}.card-row-band{border-radius: var(--vaadin-radius-m);background: light-dark( color-mix(in srgb,var(--vaadin-text-color) 4%,transparent),color-mix(in srgb,var(--vaadin-text-color) 7%,transparent) );box-shadow: inset 0 0 0 1px light-dark(color-mix(in srgb,var(--vaadin-text-color) 5%,transparent),transparent),inset 0 1px 0 light-dark(rgba(255,255,255,0.55),transparent)}.borderBlack{border: 5px solid black;background-color: whitesmoke}.borderBlackOne{border: 1px solid black;background-color: whitesmoke}.borderWhiteTwo{border: 2px solid white;background-color: whitesmoke}.borderBlueOrder{border: 1px solid blue;background-color: whitesmoke}.textAlignCenter{text-align: center;width: -webkit-fill-available}.main-div-layout-login{display: flex;width: 100%;justify-content: center}.main-div-layout-checkin-result{display: flex;justify-content: center}.main-screen-small{flex-direction: column;margin: 10px;width: 460px !important}.main-screen-small-login{flex-direction: column;margin: 10px;width: 460px !important}#butLeAdminLogin{align-self: flex-end;margin-top: 0 !important}.main-screen-large{flex-direction: column;margin: 5px 5px 0 5px;width: 100%;min-width: 0}.vert-layout{display: flex;width: 100%;height: 100%}.vert-layout-row{display: flex;width: 100%}.vert-layout-row-paypal{display: inline;width: 100% !important;text-align: center}.hori-layout{display: flex;width: 100%;height: 100%}.hori-layout-row{display: flex;width: 100%}.hori-layout-two-component{display: flex;position: relative;flex-flow: row wrap;width: 100%}.hori-layout-two-component-first{flex: auto;float: left}.hori-layout-two-component-last{flex: auto;float: left}.station-grid{display: grid !important;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 12px;width: 100%;align-items: start;box-sizing: border-box}.station-card{display: flex;flex-direction: column;width: 100% !important;min-width: 0;box-sizing: border-box;padding: 12px;margin: 0;border: 1px solid var(--vaadin-border-color,rgba(0,0,0,0.12));border-left: 4px solid var(--aura-accent-color,var(--aura-blue-text,#326891));border-radius: var(--vaadin-radius-l,12px);background-color: var(--aura-surface-color,var(--vaadin-background-color,#fff));box-shadow: 0 1px 3px rgba(0,0,0,0.06)}.station-card.station-card-executor{border-left-color: var(--aura-purple-text,#7b1fa2)}.station-card vaadin-text-field,.station-card vaadin-number-field,.station-card vaadin-combo-box,.station-card vaadin-multi-select-combo-box{width: 100%}@media (max-width: 768px){.station-grid{grid-template-columns: 1fr}}.hori-layout-three-component{display: flex;position: relative;flex-flow: row wrap;width: 100%}.hori-layout-three-component98{display: flex;position: relative;flex-flow: row wrap;width: 98%}.hori-layout-three-component-first{flex: auto;width: 32% !important}.hori-layout-three-component-mid{flex: auto;width: 32% !important}.hori-layout-three-component-last{flex: auto;width: 32% !important}.hori-layout-three-component-button-auto{flex-direction: column;flex: auto;width: auto;max-width: 175px}.compoment-hidden{display: none !important}.component-minwith{min-width: 120px;margin-right: 5px}.component-width43{width: 43% !important}.component-width48{width: 48% !important}.component-width50{width: 50% !important}.component-width100{width: 100% !important}.component-width30{width: 29% !important}.component-width20{width: 20% !important}.component-width70{width: 69% !important}.hori-layout-401{flex: auto;width: 24% !important}.hori-layout-402{flex: auto;width: 24% !important}.hori-layout-403{flex: auto;width: 24% !important}.hori-layout-404{flex: auto;width: 24% !important}.hori-layout-405{flex: auto;width: 23.3% !important}.full-row{display: flex;width: 100% !important}.styled-button.full-row-button{width: 100% !important;max-width: none !important;min-width: 0 !important}@media (max-width: 640px){.styled-button.mobile-full{width: 100% !important;max-width: none !important}}.full-row95{display: flex;width: 95% !important}.full-row98{display: flex;width: 98% !important}.full-row99{display: flex;width: 99% !important}.full-row995{display: flex;width: 99.5% !important}.displayBlock{display: block}.button-last{margin-left: 5px;margin-right: 5px}.textArea{height: 300px;width: 100%}.textArea350{height: 350px;width: 100%}.textAreaScroll{width: 100%;overflow: auto}.textArea450{height: 450px;width: 100%}.textArea150{height: 150px;width: 100%}.full-height{height: 100%}.classCamera{width: 100%;height: 100%}.marginLeftRight{margin-left: 0px !important;margin-right: 0px !important}.component-width30pixel{width: 30px !important}.component-width22{width: 22% !important}.component-width24{width: 24% !important}.component-width25{width: 25% !important}.component-width30{width: 30% !important}.component-width37{width: 37% !important}.component-width45{width: 45% !important}.component-width74{width: 73% !important}.component-width75{width: 75% !important}.height85{height: 110px !important}.hori-layout-two-component-first-food{float: left}.hori-layout-two-component-last-food{float: left}.hori-layout-three-component-first-food{width: 32% !important}.hori-layout-three-component-mid-food{width: 32% !important}.hori-layout-three-component-last-food{width: 32% !important}.responsive-combo{width: 50%;z-index: 999}vaadin-combo-box-overlay[theme~="responsive-combo"]{z-index: 999 !important}@media (max-width: 768px){.responsive-combo{width: 100%;z-index: 999}}.auto-resize-readonly-textarea textarea{resize: none !important;overflow: hidden !important;min-height: auto !important;height: auto !important;field-sizing: content}.nong-trang-title{color: rgba(46,110,9,0.87);font-weight: normal;margin-top: 0;margin-bottom: 2px}.shop-name-title{margin-top: -8px;margin-bottom: 2px}.shop-name-label{color: #0e4259;font-weight: bold}.order-id-title{margin-top: -8px;margin-bottom: 2px}.order-id-label{color: #0e4259;font-weight: bold}.create-date-title{margin-top: -8px;margin-bottom: 2px}.create-date-label{color: #0e4259;font-weight: bold}.relevant-sell-item-label{color: light-dark(#0e4259,#e5e7eb);font-weight: bold}.styled-button{background: linear-gradient(135deg,var(--app-accent-color,var(--aura-accent-color)) 0%,color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 68%,#000) 100%) !important;color: white !important;border: none !important;border-radius: 8px !important;padding: 10px 20px !important;font-weight: 600 !important;font-size: 15px !important;letter-spacing: 0.5px !important;cursor: pointer !important;transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;box-shadow: 0 4px 12px color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 32%,transparent) !important;position: relative !important;overflow: hidden !important;min-width: 120px !important;width: auto !important;max-width: 300px !important}html{--vaadin-confirm-dialog-min-width: 440px}.styled-button[slot="confirm-button"],.styled-button[slot="cancel-button"],.styled-button[slot="reject-button"]{white-space: nowrap !important;width: max-content !important;min-width: 0 !important;max-width: none !important;flex: 0 0 auto !important}.styled-button[slot="confirm-button"]::part(label),.styled-button[slot="cancel-button"]::part(label),.styled-button[slot="reject-button"]::part(label){white-space: nowrap !important}.styled-button.button-label-nowrap,.styled-button.button-compact.button-label-nowrap{white-space: nowrap !important;min-width: max-content !important;width: auto !important;max-width: none !important}.styled-button.button-label-nowrap::part(label){white-space: nowrap !important;overflow: visible !important;flex: 0 0 auto !important;min-width: max-content !important}.styled-button:hover{transform: translateY(-2px) !important;box-shadow: 0 6px 20px color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color)) 45%,transparent) !important;background: linear-gradient(135deg,color-mix(in srgb,var(--aura-accent-color) 85%,#000) 0%,color-mix(in srgb,var(--aura-accent-color) 55%,#000) 100%) !important}.styled-button:hover::before{left: 100%}.styled-button:active{transform: translateY(0) !important;box-shadow: 0 2px 8px color-mix(in srgb,var(--aura-accent-color) 30%,transparent) !important}.styled-button:focus{outline: none !important;box-shadow: 0 0 0 3px color-mix(in srgb,var(--aura-accent-color) 30%,transparent) !important}.styled-button:disabled,.styled-button[disabled]{background: color-mix(in srgb,var(--aura-neutral) 40%,transparent) !important;color: #ffffff !important;cursor: not-allowed !important;box-shadow: none !important;opacity: 0.6 !important;transform: none !important;pointer-events: auto !important}.styled-button:disabled:hover,.styled-button[disabled]:hover{background: color-mix(in srgb,var(--aura-neutral) 40%,transparent) !important;transform: none !important;box-shadow: none !important;cursor: not-allowed !important}.styled-button::before{content: '' !important;position: absolute !important;top: 50% !important;left: 50% !important;width: 0 !important;height: 0 !important;background: rgba(255,255,255,0.3) !important;border-radius: 50% !important;transform: translate(-50%,-50%) !important;transition: width 0.6s ease,height 0.6s ease !important}.styled-button:active::before{width: 300px !important;height: 300px !important}.button-vibrant{background: linear-gradient(135deg,var(--aura-accent-color) 0%,color-mix(in srgb,var(--aura-accent-color) 60%,#000) 100%) !important;box-shadow: 0 4px 12px color-mix(in srgb,var(--aura-accent-color) 38%,transparent) !important}.button-vibrant:hover{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-accent-color) 85%,#000) 0%,color-mix(in srgb,var(--aura-accent-color) 50%,#000) 100%) !important;box-shadow: 0 6px 20px color-mix(in srgb,var(--aura-accent-color) 45%,transparent) !important}.button-professional{background: linear-gradient(135deg,var(--aura-blue) 0%,color-mix(in srgb,var(--aura-blue) 65%,#000) 100%) !important;box-shadow: 0 4px 12px color-mix(in srgb,var(--aura-blue) 32%,transparent) !important}.button-professional:hover{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-blue) 85%,#000) 0%,color-mix(in srgb,var(--aura-blue) 50%,#000) 100%) !important;box-shadow: 0 6px 20px color-mix(in srgb,var(--aura-blue) 42%,transparent) !important}.button-warm{background: linear-gradient(135deg,var(--aura-orange) 0%,color-mix(in srgb,var(--aura-orange) 60%,#000) 100%) !important;box-shadow: 0 4px 12px color-mix(in srgb,var(--aura-orange) 32%,transparent) !important}.button-warm:hover{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-orange) 85%,#000) 0%,color-mix(in srgb,var(--aura-orange) 50%,#000) 100%) !important;box-shadow: 0 6px 20px color-mix(in srgb,var(--aura-orange) 42%,transparent) !important}.button-green{background: linear-gradient(135deg,var(--aura-green) 0%,color-mix(in srgb,var(--aura-green) 62%,#000) 100%) !important;box-shadow: 0 4px 12px color-mix(in srgb,var(--aura-green) 32%,transparent) !important}.button-green:hover{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-green) 85%,#000) 0%,color-mix(in srgb,var(--aura-green) 50%,#000) 100%) !important;box-shadow: 0 6px 20px color-mix(in srgb,var(--aura-green) 42%,transparent) !important}.button-red{background: linear-gradient(135deg,var(--aura-red) 0%,color-mix(in srgb,var(--aura-red) 62%,#000) 100%) !important;box-shadow: 0 4px 12px color-mix(in srgb,var(--aura-red) 32%,transparent) !important}.button-red:hover{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-red) 85%,#000) 0%,color-mix(in srgb,var(--aura-red) 50%,#000) 100%) !important;box-shadow: 0 6px 20px color-mix(in srgb,var(--aura-red) 42%,transparent) !important}.styled-button.button-glass-green{background: color-mix(in srgb,var(--aura-green) 18%,transparent) !important;color: color-mix(in srgb,var(--aura-green) 60%,var(--vaadin-text-color)) !important;border: 1px solid color-mix(in srgb,var(--aura-green) 40%,transparent) !important;backdrop-filter: blur(12px) saturate(160%);-webkit-backdrop-filter: blur(12px) saturate(160%);box-shadow: 0 4px 16px color-mix(in srgb,var(--aura-green) 16%,transparent),inset 0 1px 0 rgba(255,255,255,0.25) !important}.styled-button.button-glass-green:hover{background: color-mix(in srgb,var(--aura-green) 30%,transparent) !important;box-shadow: 0 6px 22px color-mix(in srgb,var(--aura-green) 26%,transparent),inset 0 1px 0 rgba(255,255,255,0.3) !important}.styled-button.button-glass-red{background: color-mix(in srgb,var(--aura-red) 18%,transparent) !important;color: color-mix(in srgb,var(--aura-red) 60%,var(--vaadin-text-color)) !important;border: 1px solid color-mix(in srgb,var(--aura-red) 40%,transparent) !important;backdrop-filter: blur(12px) saturate(160%);-webkit-backdrop-filter: blur(12px) saturate(160%);box-shadow: 0 4px 16px color-mix(in srgb,var(--aura-red) 16%,transparent),inset 0 1px 0 rgba(255,255,255,0.25) !important}.styled-button.button-glass-red:hover{background: color-mix(in srgb,var(--aura-red) 30%,transparent) !important;box-shadow: 0 6px 22px color-mix(in srgb,var(--aura-red) 26%,transparent),inset 0 1px 0 rgba(255,255,255,0.3) !important}html{--app-accent-color: var(--aura-accent-color)}.styled-button.button-glass-vibrant,.styled-button.button-glass-accent{background: color-mix(in srgb,var(--app-accent-color) 26%,transparent) !important;color: color-mix(in srgb,var(--app-accent-color) 80%,var(--vaadin-text-color)) !important;border: 1px solid color-mix(in srgb,var(--app-accent-color) 55%,transparent) !important;backdrop-filter: blur(12px) saturate(160%);-webkit-backdrop-filter: blur(12px) saturate(160%);box-shadow: 0 4px 16px color-mix(in srgb,var(--app-accent-color) 16%,transparent),inset 0 1px 0 rgba(255,255,255,0.25) !important}.styled-button.button-glass-vibrant:hover,.styled-button.button-glass-accent:hover{background: color-mix(in srgb,var(--app-accent-color) 38%,transparent) !important;box-shadow: 0 6px 22px color-mix(in srgb,var(--app-accent-color) 26%,transparent),inset 0 1px 0 rgba(255,255,255,0.3) !important}.styled-button.button-glass-professional,.styled-button.button-glass-blue{background: color-mix(in srgb,var(--aura-blue) 18%,transparent) !important;color: color-mix(in srgb,var(--aura-blue) 65%,var(--vaadin-text-color)) !important;border: 1px solid color-mix(in srgb,var(--aura-blue) 45%,transparent) !important;backdrop-filter: blur(12px) saturate(160%);-webkit-backdrop-filter: blur(12px) saturate(160%);box-shadow: 0 4px 16px color-mix(in srgb,var(--aura-blue) 16%,transparent),inset 0 1px 0 rgba(255,255,255,0.25) !important}.styled-button.button-glass-professional:hover,.styled-button.button-glass-blue:hover{background: color-mix(in srgb,var(--aura-blue) 30%,transparent) !important;box-shadow: 0 6px 22px color-mix(in srgb,var(--aura-blue) 26%,transparent),inset 0 1px 0 rgba(255,255,255,0.3) !important}.styled-button.button-glass-warm{background: color-mix(in srgb,var(--aura-orange) 18%,transparent) !important;color: color-mix(in srgb,var(--aura-orange) 62%,var(--vaadin-text-color)) !important;border: 1px solid color-mix(in srgb,var(--aura-orange) 45%,transparent) !important;backdrop-filter: blur(12px) saturate(160%);-webkit-backdrop-filter: blur(12px) saturate(160%);box-shadow: 0 4px 16px color-mix(in srgb,var(--aura-orange) 16%,transparent),inset 0 1px 0 rgba(255,255,255,0.25) !important}.styled-button.button-glass-warm:hover{background: color-mix(in srgb,var(--aura-orange) 30%,transparent) !important;box-shadow: 0 6px 22px color-mix(in srgb,var(--aura-orange) 26%,transparent),inset 0 1px 0 rgba(255,255,255,0.3) !important}.styled-button.button-compact{padding: 3px 10px !important;min-width: 0 !important;font-size: 12.5px !important;font-weight: 500 !important;letter-spacing: 0.2px !important;border-radius: 6px !important;box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important}.styled-button.button-compact:hover{transform: none !important}.styled-button.edit-icon-square{width: var(--lumo-size-s,1.75rem) !important;height: var(--lumo-size-s,1.75rem) !important;min-width: 0 !important;padding: 0 !important;border-radius: 6px !important;align-self: center !important;flex: 0 0 auto !important}.styled-button.link-button{display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 0.5rem !important;text-decoration: none !important;line-height: 1 !important}.styled-button.link-button::after{content: "\2B07\FE0E";font-size: 1.05em;line-height: 1}.dialog-close-btn{color: var(--aura-red-text) !important;background: transparent !important;border: none !important;border-radius: 50% !important;min-width: 32px !important;width: 32px !important;height: 32px !important;padding: 0 !important;cursor: pointer !important;position: relative !important;overflow: hidden !important;transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important}.dialog-close-btn:hover{color: #fff !important;background: linear-gradient(135deg,var(--aura-red) 0%,color-mix(in srgb,var(--aura-red) 60%,#000) 100%) !important;box-shadow: 0 0 12px color-mix(in srgb,var(--aura-red) 50%,transparent),0 0 24px color-mix(in srgb,var(--aura-red) 20%,transparent) !important;transform: rotate(90deg) scale(1.15) !important}.dialog-close-btn:active{transform: rotate(90deg) scale(0.95) !important;box-shadow: 0 0 6px color-mix(in srgb,var(--aura-red) 40%,transparent) !important}.dialog-header-bar{display: flex !important;align-items: center !important;gap: 0.25rem !important;width: 100% !important;padding: 0 0 0.75rem 0 !important;margin-bottom: 0.25rem !important;border-bottom: 1px solid var(--aura-divider-color) !important}.dialog-header-bar .lbTitleHeader{flex: 1 1 auto !important;width: auto !important;margin: 0 !important;font-size: var(--aura-font-size-xl) !important;font-weight: var(--aura-font-weight-semibold) !important;line-height: 1.2 !important}.dialog-header-btn{color: var(--aura-accent-text-color) !important;background: transparent !important;border: none !important;border-radius: 50% !important;min-width: 32px !important;width: 32px !important;height: 32px !important;padding: 0 !important;margin: 0 !important;cursor: pointer !important;transition: background 0.2s ease,transform 0.2s ease !important}.dialog-header-btn:hover{background: color-mix(in srgb,var(--aura-accent-text-color) 14%,transparent) !important;transform: scale(1.08) !important}.dialog-header-btn vaadin-icon,.dialog-header-btn svg{width: 18px !important;height: 18px !important}.button-purple{background: linear-gradient(135deg,var(--aura-purple) 0%,color-mix(in srgb,var(--aura-purple) 62%,#000) 100%) !important;box-shadow: 0 4px 12px color-mix(in srgb,var(--aura-purple) 32%,transparent) !important}.button-purple:hover{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-purple) 85%,#000) 0%,color-mix(in srgb,var(--aura-purple) 50%,#000) 100%) !important;box-shadow: 0 6px 20px color-mix(in srgb,var(--aura-purple) 42%,transparent) !important}.button-orange{background: linear-gradient(135deg,var(--aura-orange) 0%,color-mix(in srgb,var(--aura-orange) 60%,#000) 100%) !important;box-shadow: 0 4px 12px color-mix(in srgb,var(--aura-orange) 32%,transparent) !important}.button-orange:hover{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-orange) 85%,#000) 0%,color-mix(in srgb,var(--aura-orange) 50%,#000) 100%) !important;box-shadow: 0 6px 20px color-mix(in srgb,var(--aura-orange) 42%,transparent) !important}.button-teal{background: linear-gradient(135deg,var(--aura-green) 0%,color-mix(in srgb,var(--aura-green) 58%,#000) 100%) !important;box-shadow: 0 4px 12px color-mix(in srgb,var(--aura-green) 32%,transparent) !important}.button-teal:hover{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-green) 80%,#000) 0%,color-mix(in srgb,var(--aura-green) 46%,#000) 100%) !important;box-shadow: 0 6px 20px color-mix(in srgb,var(--aura-green) 42%,transparent) !important}.button-dark-blue{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-blue) 80%,#000) 0%,color-mix(in srgb,var(--aura-blue) 50%,#000) 100%) !important;box-shadow: 0 4px 12px color-mix(in srgb,var(--aura-blue) 32%,transparent) !important}.button-dark-blue:hover{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-blue) 65%,#000) 0%,color-mix(in srgb,var(--aura-blue) 38%,#000) 100%) !important;box-shadow: 0 6px 20px color-mix(in srgb,var(--aura-blue) 42%,transparent) !important}@keyframes pulse-button{0%{box-shadow: 0 4px 12px rgba(40,167,69,0.3);transform: scale(1)}50%{box-shadow: 0 8px 25px rgba(40,167,69,0.6);transform: scale(1.05)}75%{box-shadow: 0 6px 18px rgba(40,167,69,0.45);transform: scale(1.025)}100%{box-shadow: 0 4px 12px rgba(40,167,69,0.3);transform: scale(1)}}.button-pulse{animation: pulse-button 1.5s ease-in-out infinite !important}.button-full-width{max-width: 100% !important;width: 100% !important}.button-width-48{max-width: 48% !important;width: 48% !important}.button-flex-fill{flex: 1 1 0 !important;width: 100% !important;min-width: 0 !important;max-width: none !important;box-sizing: border-box !important}.button-width-48-center{max-width: 48% !important;width: 48% !important;margin: 0 auto !important;display: block !important}.button-width-48-right{max-width: 48% !important;width: 48% !important;margin: 0 0 0 auto !important;display: block !important}.button-responsive{max-width: 48% !important;width: 48% !important}.button-container-no-wrap{gap: 4% !important;flex-wrap: nowrap !important}@media (max-width: 768px){.button-responsive{width: 100% !important;max-width: 100% !important}.button-container-no-wrap{gap: 8px !important;flex-wrap: nowrap !important}.button-width-48{max-width: 49% !important;width: 49% !important;font-size: 13px !important;padding: 9px 16px !important}.create-event-dialog{width: 600px !important;max-width: 90vw !important;height: auto !important}.dialog-button-layout{display: flex !important;width: 100% !important;justify-content: flex-end !important;gap: 8px !important}.dialog-button{min-width: 120px !important}@media (max-width: 768px){.create-event-dialog{width: calc(100vw - 20px) !important;max-width: calc(100vw - 20px) !important;margin: 10px !important}.dialog-button-layout{justify-content: space-between !important;gap: 4% !important}.dialog-button{width: 48% !important;min-width: auto !important;font-size: 14px !important;padding: 8px 12px !important}}}.auth-panel vaadin-radio-group::part(label){color: var(--vaadin-text-color);font-weight: 600;font-size: 14px;margin-bottom: 8px;letter-spacing: 0.3px}.auth-panel vaadin-radio-button label{display: flex;align-items: center;gap: 6px;white-space: nowrap;color: var(--vaadin-text-color)}.auth-panel vaadin-radio-button:nth-child(1) label::before{content: "";display: inline-block;width: 18px;height: 18px;flex: 0 0 auto;background-image: url('https://upload.wikimedia.org/wikipedia/commons/9/91/Icon_of_Zalo.svg');background-size: contain;background-repeat: no-repeat;background-position: center}.auth-panel vaadin-radio-button:nth-child(2) label::before{content: "";display: inline-block;width: 18px;height: 18px;flex: 0 0 auto;background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg');background-size: contain;background-repeat: no-repeat;background-position: center}.auth-panel vaadin-radio-button:nth-child(3) label::before{content: "📱";font-size: 16px}#resendOtpMethodGroup{background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding: 12px;border-radius: 8px;border: 1px solid #dee2e6;box-sizing: border-box !important;width: 100% !important;max-width: 100% !important;margin: 0 !important}#resendOtpMethodGroup:hover{box-shadow: 0 3px 8px rgba(0,0,0,0.1)}#resendOtpMethodGroup vaadin-radio-group{width: 100% !important;max-width: 100% !important;box-sizing: border-box !important}#resendOtpMethodGroup vaadin-radio-button{margin: 5px 0;padding: 8px 10px;border-radius: 6px;cursor: pointer;box-sizing: border-box !important;display: inline-flex !important;align-items: center;transition: background-color 0.2s ease}#resendOtpMethodGroup vaadin-radio-button:hover{background: rgba(40,167,69,0.08)}#resendOtpMethodGroup vaadin-radio-button[checked]{background: linear-gradient(135deg,rgba(40,167,69,0.1) 0%,rgba(32,201,151,0.1) 100%);border-left: 3px solid #28a745;font-weight: 500}#resendOtpMethodGroup vaadin-radio-button label{font-size: 14px;color: #2c3e50;font-weight: 400;display: flex;align-items: center}#resendOtpMethodGroup vaadin-radio-button:nth-child(1) label::before{content: "📱";margin-right: 6px;font-size: 16px}#resendOtpMethodGroup vaadin-radio-button:nth-child(2) label::before{content: "💬";margin-right: 6px;font-size: 16px}#resendOtpMethodGroup vaadin-radio-button:nth-child(3) label::before{content: "📨";margin-right: 6px;font-size: 16px}#resendOtpMethodGroup::part(label){color: #495057;font-weight: 500;font-size: 13px;margin-bottom: 8px;letter-spacing: 0.3px}.resend-otp-section{background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding: 15px;border-radius: 8px;border: 1px solid #dee2e6;margin-bottom: 12px}.resend-otp-label{font-size: 13px;color: #6c757d;margin-bottom: 5px;display: block}.resend-otp-value{font-size: 16px;font-weight: 500;color: #0e4259;display: block;padding: 8px 0;word-break: break-all}@media (max-width: 768px){#resendOtpMethodGroup{padding: 10px;border-radius: 6px}#resendOtpMethodGroup vaadin-radio-button{padding: 8px;margin: 4px 0}#resendOtpMethodGroup vaadin-radio-button label{font-size: 13px}#resendOtpMethodGroup vaadin-radio-button label::before{font-size: 14px;margin-right: 5px}.resend-otp-section{padding: 12px;margin-bottom: 10px}.resend-otp-value{font-size: 14px;padding: 6px 0}}@media (min-width: 769px) and (max-width: 1024px){#resendOtpMethodGroup{padding: 11px}#resendOtpMethodGroup vaadin-radio-button{padding: 7px 9px}#resendOtpMethodGroup vaadin-radio-button label{font-size: 14px}}#resendOtpMethodGroup vaadin-radio-button:focus-within{outline: 2px solid #28a745;outline-offset: 2px;border-radius: 6px}.resend-dialog-footer{display: flex;justify-content: space-between;align-items: center;padding: 10px 0;width: 100%}.resend-dialog-footer button{min-width: 80px}.resend-button-disabled{opacity: 0.6;cursor: not-allowed !important;background: color-mix(in srgb,var(--aura-neutral) 40%,transparent) !important}.qr-scan-chip{width: 30px;height: 30px;min-width: 30px;padding: 0;border-radius: 9999px;background: color-mix(in srgb,var(--app-accent-color) 16%,transparent);color: color-mix(in srgb,var(--app-accent-color) 78%,var(--vaadin-text-color));border: 1px solid color-mix(in srgb,var(--app-accent-color) 38%,transparent);backdrop-filter: blur(8px) saturate(150%);-webkit-backdrop-filter: blur(8px) saturate(150%);transition: background 0.2s ease,box-shadow 0.2s ease}.qr-scan-chip:hover{background: color-mix(in srgb,var(--app-accent-color) 30%,transparent);box-shadow: 0 2px 10px color-mix(in srgb,var(--app-accent-color) 25%,transparent)}.auth-card{background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-l);padding: 14px 16px;width: 100%;box-sizing: border-box;display: flex;flex-direction: column;gap: 14px}@media (max-width: 560px){vaadin-vertical-layout:has(.auth-card),vaadin-horizontal-layout:has(.auth-card),div:has(>.auth-card),.auth-card{min-width: 0 !important;width: 100% !important;max-width: 100% !important;box-sizing: border-box}}.auth-card vaadin-text-field,.auth-card vaadin-email-field,.auth-card vaadin-password-field,.auth-card vaadin-combo-box,.auth-card vaadin-radio-group{width: 100% !important}.auth-intro{display: block;color: var(--aura-secondary-text);font-size: 14px;line-height: 1.5;white-space: normal;margin: 0}.auth-panel{position: relative;background: color-mix(in srgb,var(--app-accent-color,#34d399) 5%,var(--aura-surface-color));border: 1px solid var(--vaadin-border-color);border-radius: 16px;padding: 14px;box-sizing: border-box;width: 100%;display: flex;flex-direction: column;gap: 12px;transition: border-color 0.15s ease,box-shadow 0.15s ease}.auth-panel>vaadin-text-field,.auth-panel>vaadin-email-field,.auth-panel>vaadin-password-field,.auth-panel>vaadin-combo-box{width: 100% !important;margin: 0 !important}.auth-field-row{display: flex;flex-direction: row;gap: 12px;width: 100%;align-items: flex-start}.auth-field-row>*{flex: 1 1 0;min-width: 0;margin: 0 !important}@media (max-width: 560px){.auth-field-row{flex-direction: column;gap: 14px}}.auth-tile-row{display: flex;flex-direction: row;gap: 14px;width: 100%;align-items: stretch}.auth-tile-row>.auth-panel{flex: 1 1 0;min-width: 0;margin: 0 !important}@media (max-width: 560px){.auth-tile-row{flex-direction: column}}.auth-tile-ico{position: absolute;top: 12px;right: 12px;width: 28px;height: 28px;border-radius: 9px;display: inline-flex;align-items: center;justify-content: center;background: color-mix(in srgb,var(--app-accent-color,#34d399) 14%,transparent);color: var(--app-accent-color,#34d399);pointer-events: none}.auth-tile-ico vaadin-icon{width: 15px;height: 15px}.auth-panel:focus-within{border-color: color-mix(in srgb,var(--app-accent-color,#34d399) 42%,transparent);box-shadow: 0 0 0 3px color-mix(in srgb,var(--app-accent-color,#34d399) 12%,transparent)}.auth-panel vaadin-radio-group{width: 100% !important}.auth-panel vaadin-radio-group::part(group-field){flex-direction: row !important;flex-wrap: wrap;gap: 8px;align-items: stretch}.auth-panel vaadin-radio-button{flex: 1 1 0;min-width: 84px;padding: 3px 2px;justify-content: center}.auth-card{gap: 16px}.auth-card .marginTop-25,.auth-card .marginTop-15,.auth-card .marginTop-17,.auth-card .marginTop-16,.auth-card .marginTop-34{margin-top: 0 !important}.auth-card>vaadin-vertical-layout,.auth-card>vaadin-horizontal-layout{margin-top: 0 !important}.auth-lead{display: flex;align-items: center;gap: 14px;width: 100%;box-sizing: border-box;padding: 14px 16px;border-radius: 16px;background: linear-gradient(135deg,color-mix(in srgb,var(--app-accent-color,#34d399) 15%,var(--aura-surface-color)) 0%,color-mix(in srgb,var(--aura-blue,#2563eb) 10%,var(--aura-surface-color)) 100%);border: 1px solid color-mix(in srgb,var(--app-accent-color,#34d399) 22%,transparent)}.auth-lead-icon{flex: 0 0 auto;width: 42px;height: 42px;border-radius: 12px;display: flex;align-items: center;justify-content: center;color: #ffffff;background: linear-gradient(135deg,var(--aura-green,#22c55e) 0%,color-mix(in srgb,var(--aura-green,#22c55e) 55%,var(--aura-blue,#2563eb)) 100%);box-shadow: 0 4px 12px color-mix(in srgb,var(--aura-green,#22c55e) 32%,transparent)}.auth-lead-icon vaadin-icon{width: 20px;height: 20px;color: #ffffff !important}.auth-lead .auth-intro{margin: 0;padding-top: 0;color: var(--vaadin-text-color)}.auth-link{background: transparent !important;border: none !important;box-shadow: none !important;color: var(--app-accent-color,var(--aura-accent-color)) !important;font-weight: 500;padding: 4px 6px !important;min-width: 0 !important;cursor: pointer;text-decoration: none}.auth-link:hover{text-decoration: underline;background: transparent !important}.auth-link-row{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 4px 12px;width: 100%;margin-top: 2px}.otp-code-input{width: 100% !important}.otp-code-input input{text-align: center;letter-spacing: 0.45em;font-size: 20px;font-weight: 600}.payment-qr-card{display: flex;flex-direction: column;align-items: center;gap: 14px;text-align: center}.payment-qr-amount{font-size: 22px;font-weight: 700;color: var(--aura-green-text,var(--app-accent-color))}.payment-qr-image{border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-l);padding: 10px;background: var(--aura-surface-color);max-width: 100%;height: auto}.payment-qr-instructions{color: var(--aura-secondary-text);font-size: 14px;line-height: 1.5;white-space: normal}.payment-qr-timer{color: var(--aura-secondary-text);font-size: 13px;text-align: center}@media (max-width: 768px){.auth-card{padding: 16px}.payment-qr-image{width: 260px !important;height: auto !important}}.create-option-row{display: grid !important;gap: 8px;width: 100%;box-sizing: border-box;align-items: end}.create-option-row.cols-3{grid-template-columns: repeat(3,minmax(0,1fr))}.create-option-row.cols-4{grid-template-columns: repeat(4,minmax(0,1fr))}.create-option-row>*{width: 100% !important;max-width: 100% !important;min-width: 0;box-sizing: border-box;margin: 0 !important}.create-option-row>vaadin-button.button-compact,.create-option-row>vaadin-button.option-photo-btn{align-self: center}.create-option-row vaadin-combo-box::part(helper-text){display: none}.create-option-row vaadin-text-field,.create-option-row vaadin-number-field,.create-option-row vaadin-combo-box{--vaadin-input-field-padding: 15px 14px}@media (max-width: 700px){.create-option-row{grid-template-columns: 1fr !important}}.imageInGrid{width: 42px;height: 42px;cursor: pointer}.imageUserPhotoInGrid{width: 32px;height: 32px;cursor: pointer}.divGridSmall{width: 100%;height: 100%;position: initial;background-color: var(--aura-surface-color)}.divGridFull{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;background-color: var(--aura-surface-color-solid);padding: 0;margin: 0;box-sizing: border-box;overflow: hidden}.divDialogZindex{position: fixed;z-index: 999}.divZindex{position: fixed;z-index: -1}.divGridFull vaadin-horizontal-layout.hori-layout-row{width: 100%;padding: 5px 10px;margin-bottom: 10px;position: relative;z-index: 100}.divGridFull .section vaadin-grid{width: 100%;height: calc(100% - 60px);position: absolute;top: 50px;left: 0;right: 0;bottom: 0;overflow: auto}.divGridSmall{width: 100%;height: 100%;position: relative;background-color: var(--aura-surface-color);overflow: hidden}.divGridSmall vaadin-grid{width: 100%;height: 300px;overflow: auto}.body-no-scroll{overflow: hidden !important}.buttonResizeMax,.buttonResizeSmall{cursor: pointer;display: flex !important;justify-content: center;align-items: center;padding: 0}@media (max-width: 768px){.divGridFull vaadin-horizontal-layout.hori-layout-row{padding: 5px}}.divGridAutoScroll{display: flex;overflow: scroll;min-height: 800px;max-height: calc(100vh - 100px)}.lbTitleGrid{color: var(--aura-accent-text-color);font-weight: var(--aura-font-weight-semibold);margin-top: 5px}.lbTitleHeader{font-weight: bold;margin-top: 5px;margin-left: 5px;width: 100% !important}#divIcon{margin-top: -5px;margin-right: 5px;color: aliceblue}.grid500{height: 500px}.grid460{height: 460px}.grid400{height: 400px}.grid300{height: 300px}.grid100{height: 100px}.grid220{height: 220px}.grid160{height: 160px}.grid50{height: 50px}.gridCrud{flex: 1 1 auto}.gridScroll{overflow: scroll}.sub-div-layout-border{display: flex;width: 49%;justify-content: center;border: 5px solid white;background-color: whitesmoke}.sub-div-layout-border-black{display: flex;width: 49%;justify-content: center;border: 5px solid black;background-color: whitesmoke}.dialog-div-layout-border{display: flex;width: 100%;justify-content: center;padding: 10px;border: 1px solid var(--vaadin-border-color,rgba(0,0,0,0.12));border-left: 4px solid var(--aura-accent-color,var(--aura-blue-text,#326891));border-radius: var(--vaadin-radius-l,12px);background-color: var(--aura-surface-color,var(--vaadin-background-color,#fff));box-shadow: 0 1px 3px rgba(0,0,0,0.06);margin: 4px 1px}.hor-dialog-div-layout-border-approver{display: flex;width: 100%;justify-content: center;margin-top: 6px;padding: 6px;border: 1px solid var(--vaadin-border-color,rgba(0,0,0,0.12));border-left: 4px solid var(--aura-green-text,#2e7d32);border-radius: var(--vaadin-radius-l,12px);background-color: var(--aura-surface-color,var(--vaadin-background-color,#fff));box-shadow: 0 1px 3px rgba(0,0,0,0.06)}.hor-dialog-div-layout-border-executor{display: flex;width: 100%;justify-content: center;margin-top: 6px;padding: 6px;border: 1px solid var(--vaadin-border-color,rgba(0,0,0,0.12));border-left: 4px solid var(--aura-purple-text,#7b1fa2);border-radius: var(--vaadin-radius-l,12px);background-color: var(--aura-surface-color,var(--vaadin-background-color,#fff));box-shadow: 0 1px 3px rgba(0,0,0,0.06)}.div300{width: 400px;align-items: center}.div150{width: 220px}.div150Right{width: 180px;text-align: right}.divRight{text-align: right}.divShowOrder{width: 100%;height: 100%}.full-screen-dialog{width: 100vw;height: 100vh;max-width: 100vw;max-height: 100vh;margin: 0;padding: 0}.divHeightFitContent{height: fit-content !important}.textDetail{height: auto;min-height: 400px}.wordWrap{display: inline-block;word-break: break-word;white-space: normal}.containerPagination{display: flex;align-items: center;position: relative;margin-bottom: 50px}.centerPagination{gap: 4px;align-items: center;position: absolute;left: 50%;transform: translate(-50%,-50%)}vaadin-grid::part(grid-soldout-row){background-color: #f5f5f5;color: #999}vaadin-grid::part(selected-event-row){background-color: #c2dc9a !important;border-bottom: 1px solid #88b83f !important}vaadin-grid::part(selected-photo-row){background-color: #fff3e0 !important;border-bottom: 1px solid #f57c00 !important}.modal{position: absolute;z-index: 1;padding-top: 50px;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 1660px;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);text-align: center}.modalCenter{text-align: center}.modal-content{margin: auto;padding: 20px;text-align: center}.active-text{background-color: white;text-align: center;margin-bottom: 0px;color: blue}.waiting{display: none;text-align: center;width: 100%;flex-flow: row wrap;justify-content: flex-end}.waiting-block{display: block;text-align: center;width: 100%;flex-flow: row wrap;justify-content: flex-end}.compoment-hidden{display: none !important}.compoment-block{display: block}.verAds{display: flex;height: 150px;margin-top: 20px}.imgAds{display: flex;width: 100%;height: 150px;cursor: pointer}.image-center{width: 300px;height: 300px;display: flex}.imgQR{display: flex;width: 150px;height: 150px}.content-center{justify-content: center}.padding5{padding: 5px !important;}.padding10{padding: 10px !important;}.padding-5{padding: -5px !important;}.margin5{margin: 5px !important;}.margin-5{margin: -5px !important;}.marginLeft5{margin-left: 5px !important;}.marginLeft10{margin-left: 10px !important;}.marginLeft20{margin-left: 20px !important;}.marginLeft-5{margin-left: -5px !important;}.marginRight5{margin-right: 5px !important;}.marginRight10{margin-right: 10px !important;}.marginRight30{margin-right: 30px !important;}.marginRight-5{margin-right: -5px !important;}.marginTop2{margin-top: 2px !important}.marginTop3{margin-top: 3px !important}.marginTop5{margin-top: 5px !important}.marginTop7{margin-top: 7px !important}.marginTop10{margin-top: 10px !important}.marginTop15{margin-top: 15px !important}.marginTop18{margin-top: 18px !important}.marginTop65{margin-top: 65px !important}.marginTop-50{margin-top: 50px !important}.marginTop40{margin-top: 40px !important}.marginTop-5{margin-top: -5px !important}.marginTop-7{margin-top: -7px !important}.marginTop-15{margin-top: -16px !important}.marginTop-17{margin-top: -17px !important}.marginTop-20{margin-top: -20px !important}.marginTop-25{margin-top: -25px !important}.marginTop-34{margin-top: -34px !important}.marginTop-36{margin-top: -36px !important}.marginTop20{margin-top: 20px !important}.marginTop21{margin-top: 21px !important}.marginTop23{margin-top: 23px !important}.marginTop25{margin-top: 25px !important}.marginTop30{margin-top: 30px !important}.marginTop32{margin-top: 32px !important}.marginTop33{margin-top: 33px !important}.marginTop35{margin-top: 35px !important}.marginTop36{margin-top: 36px !important}.marginTop37{margin-top: 37px !important}.marginTop22{margin-top: 22px !important}.marginTop45{margin-top: 35px !important}.marginTop50{margin-top: 35px !important}.marginBottom5{margin-bottom: 5px !important}.cart-container{position: relative;display: inline-block;font-size: 24px}.cart-icon{margin-right: 3px}.cart-count{position: absolute;top: -6px;right: -6px;box-sizing: border-box;min-width: 18px;height: 18px;padding: 0 4px;display: flex;align-items: center;justify-content: center;background-color: #ef4444;color: #fff;border: 2px solid #ffffff;border-radius: 9999px;font-size: 10.5px;font-weight: 700;line-height: 1;text-align: center;box-shadow: 0 1px 3px rgba(0,0,0,0.35);pointer-events: none}.label-title-color{color: darkblue}.label-color-success{color: light-dark(#15803d,#4ade80);font-weight: 600}.label-color-error{color: light-dark(#b91c1c,#f87171) !important;font-weight: 600}.label-color-warning{color: light-dark(#b45309,#fbbf24) !important;font-weight: 600}.label-color{color: rgba(17,31,112);font-weight: 700}.label-color-nongtrang{color: rgba(49,113,8,0.73);font-weight: 700}.main-title{display: inline;text-align: center;width: 100%;justify-content: center}.main-title-link{margin-left: 5px;text-decoration: none;color: light-dark(rgba(17,31,112),#93c5fd);font-weight: 460}.main-title-link a{text-decoration: none}.color-blue{color: darkblue;font-weight: bold}.color-darkgreen{color: darkgreen !important;font-weight: bold}.color-purple{color: #8520bc}.color-red{color: red !important;font-weight: bold}.color-blue-food{color: darkblue;font-weight: bold}.color-blue-note{color: #023020;font-weight: bold}.color-gray-food{color: darkgray;font-size: 12px}.color-blue-width{color: darkblue;font-weight: bold;width: 100%}.color-blue-width-result{display: flex;color: white;font-weight: bold;background-color: deepskyblue;align-items: center;padding-left: 10px}.color-blue-width-result-orange{display: flex;color: white;font-weight: bold;background-color: palevioletred;align-items: center;padding-left: 10px}.option-title-blue{background-color: rgba(0,163,234,255)}.option-background01{background-color: rgba(245,245,245,255)}.option-background02{background-color: rgba(208,234,209,255)}.option-background03{background-color: rgba(165,224,242,255)}.option-color01{color: rgba(1,103,1,255);font-weight: bold;font-size: large}.option-color02{color: rgba(21,156,178,255);font-weight: bold;font-size: large}.backgroundRed{background-color: red}.address-label-stepper{color: rgba(175,101,29,0.84)}.address-title{font-weight: bold}.address-content{color: rgb(20,129,177);font-weight: normal}.note-label-stepper{color: #388e3c;font-style: italic}.dark_sky_bold{color: rgb(20,129,177);font-weight: bold}.dark_sky_normal{color: rgb(20,129,177);font-weight: normal}#lbNotification:empty,#lbNoticeMessage:empty{display: none !important}#lbNotification:not(:empty),#lbNoticeMessage:not(:empty){display: inline-flex !important;align-items: center;gap: 8px;width: fit-content !important;max-width: 100%;box-sizing: border-box;margin: 2px 0;padding: 8px 14px;border-radius: 10px;font-weight: 600;line-height: 1.3;border: 1px solid color-mix(in srgb,currentColor 35%,transparent);background: color-mix(in srgb,currentColor 12%,var(--aura-surface-color,#ffffff));box-shadow: 0 1px 3px rgba(0,0,0,0.06)}#lbNotification:not(:empty)::before,#lbNoticeMessage:not(:empty)::before{content: "";width: 18px;height: 18px;flex: 0 0 auto;background-color: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E") center / contain no-repeat}#outlet div:first-child{height: 100%}company-user-management-view{display: flex;flex-direction: column;height: 100%}company-qr-management-view{display: flex;flex-direction: column;height: 100%}vaadin-split-layout{width: 100%;height: 100%}.editor-layout{overflow: scroll;flex-direction: column;width: 40%}.editor{flex-grow: 1;padding: 5px}.splitAutoScroll{overflow: scroll;min-height: 1500px;max-height: calc(100vh - 100px)}.editor vaadin-checkbox{padding-top: var(--vaadin-gap-m)}.button-layout{width: 100%;flex-wrap: wrap;background-color: color-mix(in srgb,var(--aura-neutral) 5%,transparent);padding: 5px;gap: var(--vaadin-gap-m)}.grid-wrapper{width: 100%}.divBottom{position: fixed;bottom: 0;width: -webkit-fill-available !important;z-index: 1000}.component-width48-row{width: 48% !important}.component-width30-row{width: 29% !important}.lineHeight{line-height: 15px !important}#divRateShop{display: flex;align-items: center;font-weight: bold;gap: 4px}#divJoin{display: flex;font-weight: bold}.originalPrice{display: flex;justify-content: center;align-items: center;text-align: right}#divFinalPrice{color: light-dark( var(--app-accent-color,var(--aura-accent-color,#2f6e3b)),color-mix(in srgb,var(--app-accent-color,var(--aura-accent-color,#2f6e3b)) 60%,#ffffff) )}.layoutContent{display: flex;flex-direction: column;align-items: center}.collapsed{max-height: 100px;overflow: hidden;position: relative}.expand-text{color: var(--aura-blue-text,light-dark(#2563eb,#60a5fa));cursor: pointer;text-decoration: underline;margin-top: 10px;display: block;text-align: center}#iconChat{min-width: 44px !important;width: 44px !important;height: 44px !important;padding: 0 !important;border-radius: 50% !important;display: flex !important;align-items: center !important;justify-content: center !important;transition: transform 0.3s ease,background 0.3s ease,box-shadow 0.3s ease !important;cursor: pointer !important;background: linear-gradient(135deg,#2AABEE 0%,#0f880b 100%) !important;color: white !important;box-shadow: 0 2px 8px rgba(42,171,238,0.3) !important;border: none !important;margin-left: 10px;margin-top: -15px}#iconChat.active{background: linear-gradient(135deg,#229ED9 0%,#0f880b 100%) !important;box-shadow: 0 4px 12px rgba(42,171,238,0.5) !important;transform: translateY(-2px) !important}#iconChat:hover{transform: scale(1.1) translateY(-4px) !important;background: linear-gradient(135deg,#3db4f2 0%,#2AABEE 100%) !important;box-shadow: 0 6px 16px rgba(42,171,238,0.4) !important}#iconChat.active:hover{transform: scale(1.1) translateY(-4px) !important;background: linear-gradient(135deg,#1c86bb 0%,#166fa3 100%) !important;box-shadow: 0 6px 16px rgba(42,171,238,0.6) !important}#iconChat vaadin-icon{width: 24px !important;height: 24px !important;transition: transform 0.3s ease !important}#iconChat:hover vaadin-icon{transform: scale(1.2) !important}.hori-layout-two-component-row{display: flex;position: relative;flex-flow: row wrap;width: 100%}.hori-layout-two-component-row-first{flex: auto;width: 24% !important}.hori-layout-two-component-row-last{flex: auto;width: 73% !important}.component-width48-number{width: 48% !important}.component-width48-add{width: 48% !important}.rowJoin{display: flex}@media (max-width: 800px){.component-width48-row{width: 100% !important}.component-width30-row{width: 100% !important;line-height: 10px !important}.originalPrice{display: flex;margin-top: 10px;justify-content: left;align-items: center;text-align: right}.lineHeight{height: 40px !important}.component-width48-number{width: 28% !important}.component-width48-add{width: 67% !important}}@media (max-width: 768px){.component-width48-row{width: 100% !important}.component-width30-row{width: 100% !important;line-height: 10px !important}.originalPrice{display: flex;margin-top: 10px;justify-content: left;align-items: center;text-align: right}.lineHeight{height: 40px !important}.component-width48-number{width: 28% !important}.component-width48-add{width: 67% !important}.hori-layout-two-component-row{position: relative !important}#iconChat{position: absolute !important;right: 5px !important;bottom: -45px !important;transform: none !important;z-index: 10 !important;margin: 0 !important;min-width: 40px !important;width: 40px !important;height: 40px !important;margin-left: 0;margin-top: -5px}#iconChat vaadin-icon{width: 20px !important;height: 20px !important}#iconChat:hover vaadin-icon{transform: scale(1.15) !important}#iconChat:hover,#iconChat.active:hover{transform: scale(1.08) translateY(-3px) !important}.hori-layout-two-component-row-last{padding-right: 10px !important}.rowJoin{display: flex !important;flex-wrap: nowrap !important;margin-right: 5px !important}#divJoin{white-space: nowrap !important;flex-shrink: 0 !important}#divJoinMessage{white-space: nowrap !important;margin-left: 5px !important;flex-shrink: 1 !important}}@media (max-width: 700px){.component-width48-row{width: 100% !important}.component-width30-row{width: 100% !important;line-height: 10px !important}.originalPrice{display: flex;margin-top: 10px;justify-content: left;align-items: center;text-align: right}.lineHeight{height: 40px !important}.component-width48-number{width: 28% !important}.component-width48-add{width: 67% !important}}@media (max-width: 610px){.component-width48-row{width: 100% !important}.component-width30-row{width: 100% !important;line-height: 10px !important}.originalPrice{display: flex;margin-top: 10px;justify-content: left;align-items: center;text-align: right}.lineHeight{height: 40px !important}.component-width48-number{width: 28% !important}.component-width48-add{width: 67% !important}}@media (max-width: 540px){.component-width48-row{width: 100% !important}.component-width30-row{width: 100% !important;line-height: 10px !important}.originalPrice{display: flex;margin-top: 10px;justify-content: left;align-items: center;text-align: right}.lineHeight{height: 40px !important}.component-width48-number{width: 28% !important}.component-width48-add{width: 67% !important}}@media (max-width: 450px){.component-width48-row{width: 100% !important}.component-width30-row{width: 100% !important;line-height: 10px !important}.originalPrice{display: flex;margin-top: 10px;justify-content: left;align-items: center;text-align: right}.lineHeight{height: 40px !important}.component-width48-number{width: 28% !important}.component-width48-add{width: 67% !important}#iconChat{right: 3px !important;bottom: -45px !important}.hori-layout-two-component-row-last{padding-right: 8px !important}.rowJoin{margin-right: 3px !important}}@media (max-width: 420px){.component-width48-row{width: 100% !important}.component-width30-row{width: 100% !important;line-height: 10px !important}.originalPrice{display: flex;margin-top: 10px;justify-content: left;align-items: center;text-align: right}.lineHeight{height: 40px !important}.component-width48-number{width: 28% !important}.component-width48-add{width: 67% !important}}@media (max-width: 376px){.component-width48-row{width: 100% !important}.component-width30-row{width: 100% !important;line-height: 10px !important}.originalPrice{display: flex;margin-top: 10px;justify-content: left;align-items: center;text-align: right}.lineHeight{height: 40px !important}.component-width48-number{width: 28% !important}.component-width48-add{width: 67% !important}.hori-layout-two-component-row-first{flex: auto;width: 26% !important}.hori-layout-two-component-row-last{flex: auto;width: 71% !important;padding-right: 5px !important}.rowJoin{display: flex !important;margin-right: 2px !important}#divJoinMessage{margin-left: 3px !important}#iconChat{right: 2px !important;bottom: -45px !important;margin-left: -10px !important}}@media (max-width: 370px){.component-width48-row{width: 100% !important}.component-width30-row{width: 100% !important;line-height: 10px !important}.originalPrice{display: flex;margin-top: 10px;justify-content: left;align-items: center;text-align: right}.lineHeight{height: 40px !important}.component-width48-number{width: 28% !important}.component-width48-add{width: 67% !important}.hori-layout-two-component-row-first{flex: auto;width: 26% !important}.hori-layout-two-component-row-last{flex: auto;width: 71% !important;padding-right: 3px !important}#iconChat{right: 1px !important;bottom: -45px !important}.rowJoin{margin-right: 1px !important}}@media (max-width: 320px){.component-width48-row{width: 100% !important}.component-width30-row{width: 100% !important;line-height: 10px !important}.originalPrice{display: flex;margin-top: 10px;justify-content: left;align-items: center;text-align: right}.lineHeight{height: 40px !important}.component-width48-number{width: 28% !important}.component-width48-add{width: 67% !important}}@media (max-width: 280px){.component-width48-row{width: 100% !important}.component-width30-row{width: 100% !important;line-height: 10px !important}.originalPrice{display: flex;margin-top: 10px;justify-content: left;align-items: center;text-align: right}.lineHeight{height: 40px !important}.component-width48-number{width: 28% !important}.component-width48-add{width: 67% !important}}.contentDivShop{display: flex;justify-content: left;margin-right: auto;gap: 8px;border-bottom: 1px solid;background-color: blue;padding: 5px;color: white}.contentDivTotalPrice{display: flex;justify-content: end;margin-left: auto;gap: 8px;border-bottom: 1px solid;background-color: blue;padding: 5px;color: white}.custom-radio-group::part(group-field-container){display: flex;flex-direction: column;gap: 6px}.custom-radio-group vaadin-radio-button{align-items: center}#butAddAddressCheckout{height: var(--lumo-size-m,2.375rem) !important;min-height: var(--lumo-size-m,2.375rem) !important;padding-top: 0 !important;padding-bottom: 0 !important;box-sizing: border-box !important}.add-address-form-grid{display: grid !important;grid-template-columns: 1fr 1fr;gap: 10px 16px;align-items: start}.add-address-form-grid>*{width: 100% !important;box-sizing: border-box}.add-address-form-grid>.marginTop-25{margin-top: 0 !important}.add-address-form-grid>.addr-span-2{grid-column: 1 / -1}@media (max-width: 640px){.add-address-form-grid{grid-template-columns: 1fr}}.farm-dialog{}.file-item{border: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent);border-radius: var(--vaadin-radius-m);padding: var(--vaadin-gap-xs);margin-bottom: var(--vaadin-gap-xs)}@media (max-width: 600px){.file-item{padding: var(--vaadin-gap-xs)}.farm-photo-upload,.farm-file-upload{width: 100%}}.footer-container vaadin-horizontal-layout,.footer-container vaadin-vertical-layout{margin: 0;padding: 0}.footer-container{background-color: #f5f5f5;border-top: 1px solid #e0e0e0;padding: 20px;margin-top: 20px;width: 100%}.footer-links{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 15px;margin-bottom: 8px}.footer-link{color: #666;text-decoration: none;font-size: 13px;padding: 5px 10px;border-right: 1px solid #ddd;transition: color 0.2s ease}.footer-link:last-child{border-right: none}.footer-link:hover{color: #ee4d2d;text-decoration: underline}.footer-company{text-align: center;margin: 8px 0;align-items: center;justify-content: center;width: 100%}.company-info{color: #666;font-size: 12px;line-height: 1.4;margin-bottom: 15px}.footer-icons{display: flex;justify-content: center;align-items: center;gap: 20px;margin-top: 8px}.footer-icon{display: inline-block;transition: transform 0.2s ease}.footer-icon:hover{transform: scale(1.05)}.company-logo,.registered-stamp{display: flex;align-items: center;justify-content: center}.company-logo img,.registered-stamp img{transition: transform 0.2s ease;border-radius: 4px}.company-logo img:hover,.registered-stamp img:hover{transform: scale(1.05)}.copyright-text{text-align: center;margin-top: 10px;padding-top: 5px;border-top: 1px solid #e0e0e0}.copyright-text label{color: #999;font-size: 11px;margin: 0}@media (max-width: 768px){.footer-container{padding: 15px}.footer-links{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;max-width: 500px;margin: 0 auto 10px auto;justify-items: center;width: 100%}.footer-link{border: 1px solid #ddd;border-radius: 4px;padding: 8px 10px;text-align: center;font-size: 12px;background-color: white;width: 100%;box-sizing: border-box}.footer-link:hover{background-color: #f9f9f9}.footer-icons{flex-direction: row;gap: 20px;justify-content: center}.company-info{font-size: 11px;padding: 0 10px}}@media (max-width: 480px){.footer-container{padding: 10px}.footer-links{grid-template-columns: 1fr 1fr;gap: 8px;max-width: 420px;margin: 0 auto 10px auto;justify-items: center}.footer-link{font-size: 11px;padding: 6px 8px;width: 100%}.footer-icons{gap: 15px}.company-info{font-size: 10px}}#layoutButtonBottom [theme~="icon"]{min-width: 44px !important;width: 44px !important;height: 44px !important;padding: 0 !important;border-radius: 50% !important;display: flex !important;align-items: center !important;justify-content: center !important;transition: all 0.3s ease !important;cursor: pointer !important}#layoutButtonBottom [theme~="icon"] vaadin-icon{width: 24px !important;height: 24px !important}vaadin-button#butUploadImage{background: linear-gradient(135deg,#48c9b0 0%,#16a085 100%) !important;color: white !important;box-shadow: 0 2px 8px rgba(72,201,176,0.3) !important;cursor: pointer !important}vaadin-button#butUploadImage:hover{background: linear-gradient(135deg,#16a085 0%,#138d75 100%) !important;box-shadow: 0 4px 12px rgba(72,201,176,0.5) !important;transform: translateY(-2px) !important}vaadin-button#butUploadVideo{background: linear-gradient(135deg,#f39c12 0%,#e67e22 100%) !important;color: white !important;box-shadow: 0 2px 8px rgba(243,156,18,0.3) !important;cursor: pointer !important}vaadin-button#butUploadVideo:hover{background: linear-gradient(135deg,#e67e22 0%,#d35400 100%) !important;box-shadow: 0 4px 12px rgba(243,156,18,0.5) !important;transform: translateY(-2px) !important}#butUploadPdfZip{background: linear-gradient(135deg,#0088cc 0%,#0052cc 100%) !important;color: white !important;box-shadow: 0 2px 8px rgba(0,136,204,0.3) !important;cursor: pointer !important}#butUploadPdfZip:hover{background: linear-gradient(135deg,#0052cc 0%,#003d99 100%) !important;box-shadow: 0 4px 12px rgba(0,136,204,0.5) !important;transform: translateY(-2px) !important}#butUploadPdfZip[disabled],#butUploadPdfZip:disabled{background: linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%) !important;color: rgba(255,255,255,0.5) !important;box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;cursor: not-allowed !important;opacity: 0.6 !important;transform: none !important}#butUploadPdfZip[disabled]:hover,#butUploadPdfZip:disabled:hover{background: linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%) !important;box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;transform: none !important}#butUploadPdfZip[disabled] vaadin-icon,#butUploadPdfZip:disabled vaadin-icon{opacity: 0.7 !important}#butSearch{background: linear-gradient(135deg,#6c757d 0%,#4a5568 100%) !important;color: white !important;border: none !important;border-radius: 8px !important;padding: 8px 16px !important;font-weight: 600 !important;box-shadow: 0 2px 8px rgba(108,117,125,0.3) !important;cursor: pointer !important;transition: all 0.3s ease !important;min-width: 80px !important}#butSearch[theme~="primary"]{background: linear-gradient(135deg,#6c757d 0%,#4a5568 100%) !important;color: white !important;border: none !important;border-radius: 8px !important;padding: 8px 16px !important;font-weight: 600 !important;box-shadow: 0 2px 8px rgba(108,117,125,0.3) !important;cursor: pointer !important;transition: all 0.3s ease !important;min-width: 80px !important}#butSearch:hover{background: linear-gradient(135deg,#4a5568 0%,#36454f 100%) !important;box-shadow: 0 4px 12px rgba(108,117,125,0.5) !important;transform: translateY(-2px) !important}#butSearch[theme~="primary"]:hover{background: linear-gradient(135deg,#4a5568 0%,#36454f 100%) !important;box-shadow: 0 4px 12px rgba(108,117,125,0.5) !important;transform: translateY(-2px) !important}#butSearch:active{transform: translateY(0) scale(0.98) !important}#butSearch[theme~="primary"]:active{transform: translateY(0) scale(0.98) !important}#butSearch[disabled],#butSearch:disabled,#butSearch[theme~="primary"][disabled],#butSearch[theme~="primary"]:disabled{background: linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%) !important;color: rgba(255,255,255,0.5) !important;box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;cursor: not-allowed !important;opacity: 0.6 !important;transform: none !important}#butSearch[disabled]:hover,#butSearch:disabled:hover,#butSearch[theme~="primary"][disabled]:hover,#butSearch[theme~="primary"]:disabled:hover{background: linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%) !important;box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;transform: none !important}#butSearch[disabled] vaadin-icon,#butSearch:disabled vaadin-icon,#butSearch[theme~="primary"][disabled] vaadin-icon,#butSearch[theme~="primary"]:disabled vaadin-icon{opacity: 0.7 !important}#butSend{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;color: white !important;box-shadow: 0 2px 8px rgba(102,126,234,0.3) !important;cursor: pointer !important}#butSend:hover{background: linear-gradient(135deg,#764ba2 0%,#667eea 100%) !important;box-shadow: 0 4px 12px rgba(102,126,234,0.5) !important;transform: translateY(-2px) scale(1.05) !important}#butSend:active{transform: translateY(0) scale(0.98) !important}#butSend[disabled],#butSend:disabled{background: linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%) !important;color: rgba(255,255,255,0.5) !important;box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;cursor: not-allowed !important;opacity: 0.6 !important;transform: none !important}#butSend[disabled]:hover,#butSend:disabled:hover{background: linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%) !important;box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;transform: none !important}#butSend[disabled] vaadin-icon,#butSend:disabled vaadin-icon{opacity: 0.7 !important}#butDialogOK{background: linear-gradient(135deg,#27ae60 0%,#229954 100%) !important;color: white !important;border: none !important;border-radius: 8px !important;padding: 10px 20px !important;font-weight: 600 !important;box-shadow: 0 2px 8px rgba(39,174,96,0.3) !important;cursor: pointer !important;transition: all 0.3s ease !important;min-width: 80px !important}#butDialogOK:hover{background: linear-gradient(135deg,#229954 0%,#1e8449 100%) !important;box-shadow: 0 4px 12px rgba(39,174,96,0.5) !important;transform: translateY(-2px) !important}#butDialogOK:active{transform: translateY(0) scale(0.98) !important}#butDialogOK[disabled],#butDialogOK:disabled{background: linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%) !important;color: rgba(255,255,255,0.5) !important;box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;cursor: not-allowed !important;opacity: 0.6 !important;transform: none !important}#butDialogClose{background: linear-gradient(135deg,#e74c3c 0%,#c0392b 100%) !important;color: white !important;border: none !important;border-radius: 8px !important;padding: 10px 20px !important;font-weight: 600 !important;box-shadow: 0 2px 8px rgba(231,76,60,0.3) !important;cursor: pointer !important;transition: all 0.3s ease !important;min-width: 80px !important}#butDialogClose:hover{background: linear-gradient(135deg,#c0392b 0%,#a93226 100%) !important;box-shadow: 0 4px 12px rgba(231,76,60,0.5) !important;transform: translateY(-2px) !important}#butDialogClose:active{transform: translateY(0) scale(0.98) !important}#butDialogClose[disabled],#butDialogClose:disabled{background: linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%) !important;color: rgba(255,255,255,0.5) !important;box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;cursor: not-allowed !important;opacity: 0.6 !important;transform: none !important}#butNewTicket{background: linear-gradient(135deg,#3498db 0%,#2980b9 100%) !important;color: white !important;border: none !important;border-radius: 50% !important;width: 40px !important;min-width: 40px !important;max-width: 40px !important;height: 40px !important;padding: 0 !important;display: flex !important;justify-content: center !important;align-items: center !important;box-shadow: 0 2px 8px rgba(52,152,219,0.3) !important;cursor: pointer !important;transition: all 0.3s ease !important;margin: 0 !important;margin-left: 8px !important;align-self: center !important}#butNewTicket:hover{background: linear-gradient(135deg,#2980b9 0%,#1f618d 100%) !important;box-shadow: 0 4px 12px rgba(52,152,219,0.5) !important;transform: translateY(-2px) scale(1.05) !important}#butNewTicket:active{transform: translateY(0) scale(0.98) !important}#butNewTicket vaadin-icon{width: 20px !important;height: 20px !important;margin: 0 !important;color: white !important}#butNew{background: linear-gradient(135deg,#3498db 0%,#2980b9 100%) !important;color: white !important;border: none !important;border-radius: 50% !important;width: 40px !important;min-width: 40px !important;max-width: 40px !important;height: 40px !important;padding: 0 !important;display: flex !important;justify-content: center !important;align-items: center !important;box-shadow: 0 2px 8px rgba(52,152,219,0.3) !important;cursor: pointer !important;transition: all 0.3s ease !important;margin: 0 !important;margin-left: 8px !important;align-self: center !important}#butNew:hover{background: linear-gradient(135deg,#2980b9 0%,#1f618d 100%) !important;box-shadow: 0 4px 12px rgba(52,152,219,0.5) !important;transform: translateY(-2px) scale(1.05) !important}#butNew:active{transform: translateY(0) scale(0.98) !important}#butNew vaadin-icon{width: 20px !important;height: 20px !important;margin: 0 !important;color: white !important}#butReload,#butReloadWaitForRequest,#butReloadYouApproved,#butReloadWaitForExecute,#butReloadYouExecuted,#butReloadGridAsset,#butReloadRequestingTransfer,#butReloadRequestingBorrow,#butReloadRequestTransfer,#butReloadRequestBorrow{background: linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%) !important;color: white !important;border: none !important;border-radius: 50% !important;width: 40px !important;min-width: 40px !important;height: 40px !important;padding: 0 !important;display: flex !important;justify-content: center !important;align-items: center !important;box-shadow: 0 2px 8px rgba(149,165,166,0.3) !important;cursor: pointer !important;transition: all 0.3s ease !important;margin: 0 !important;margin-left: 8px !important;align-self: center !important}#butReload:hover,#butReloadWaitForRequest:hover,#butReloadYouApproved:hover,#butReloadWaitForExecute:hover,#butReloadYouExecuted:hover,#butReloadGridAsset:hover,#butReloadRequestingTransfer:hover,#butReloadRequestingBorrow:hover,#butReloadRequestTransfer:hover,#butReloadRequestBorrow:hover{background: linear-gradient(135deg,#7f8c8d 0%,#566573 100%) !important;box-shadow: 0 4px 12px rgba(149,165,166,0.5) !important;transform: translateY(-2px) scale(1.05) !important}#butReload:active,#butReloadWaitForRequest:active,#butReloadYouApproved:active,#butReloadWaitForExecute:active,#butReloadYouExecuted:active,#butReloadGridAsset:active,#butReloadRequestingTransfer:active,#butReloadRequestingBorrow:active,#butReloadRequestTransfer:active,#butReloadRequestBorrow:active{transform: translateY(0) scale(0.98) !important}#butReload vaadin-icon,#butReloadWaitForRequest vaadin-icon,#butReloadYouApproved vaadin-icon,#butReloadWaitForExecute vaadin-icon,#butReloadYouExecuted vaadin-icon,#butReloadGridAsset vaadin-icon,#butReloadRequestingTransfer vaadin-icon,#butReloadRequestingBorrow vaadin-icon,#butReloadRequestTransfer vaadin-icon,#butReloadRequestBorrow vaadin-icon{width: 18px !important;height: 18px !important;color: white !important}#butReload[disabled],#butReload:disabled{background: linear-gradient(135deg,#bdc3c7 0%,#95a5a6 100%) !important;color: rgba(255,255,255,0.5) !important;box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;cursor: not-allowed !important;opacity: 0.6 !important;transform: none !important}#butReload[disabled]:hover,#butReload:disabled:hover{background: linear-gradient(135deg,#bdc3c7 0%,#95a5a6 100%) !important;box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;transform: none !important}#butReload[disabled] vaadin-icon,#butReload:disabled vaadin-icon{opacity: 0.7 !important}#butResize,#butResizeWaitForRequest,#butResizeYouApproved,#butResizeWaitForExecute,#butResizeYouExecuted{background: linear-gradient(135deg,#88b83f 0%,#e3824f 50%,#326891 100%) !important;color: white !important;border: none !important;border-radius: 50% !important;width: 40px !important;min-width: 40px !important;height: 40px !important;padding: 0 !important;display: flex !important;justify-content: center !important;align-items: center !important;box-shadow: 0 4px 12px rgba(50,89,28,0.4) !important;cursor: pointer !important;transition: all 0.3s ease !important;margin: 0 !important;margin-left: 8px !important;align-self: center !important}#butResize:hover,#butResizeWaitForRequest:hover,#butResizeYouApproved:hover,#butResizeWaitForExecute:hover,#butResizeYouExecuted:hover{background: linear-gradient(135deg,#458056 0%,#88817f 50%,#45a6ed 100%) !important;box-shadow: 0 6px 20px rgb(212,228,188) !important;transform: translateY(-2px) scale(1.05) !important}#butResize:active,#butResizeWaitForRequest:active,#butResizeYouApproved:active,#butResizeWaitForExecute:active,#butResizeYouExecuted:active{transform: translateY(0) scale(0.98) !important}#butResize vaadin-icon,#butResizeWaitForRequest vaadin-icon,#butResizeYouApproved vaadin-icon,#butResizeWaitForExecute vaadin-icon,#butResizeYouExecuted vaadin-icon{width: 22px !important;height: 22px !important;color: white !important}#butResize[disabled],#butResize:disabled{background: linear-gradient(135deg,#bdc3c7 0%,#95a5a6 100%) !important;color: rgba(255,255,255,0.5) !important;box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;cursor: not-allowed !important;opacity: 0.6 !important;transform: none !important}#butResize[disabled]:hover,#butResize:disabled:hover{background: linear-gradient(135deg,#bdc3c7 0%,#95a5a6 100%) !important;box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;transform: none !important}#butResize[disabled] vaadin-icon,#butResize:disabled vaadin-icon{opacity: 0.7 !important}@media (max-width: 480px){#layoutButtonBottom [theme~="icon"]{width: 36px !important;height: 36px !important}#layoutButtonBottom [theme~="icon"] vaadin-icon{width: 20px !important;height: 20px !important}#butDialogOK,#butDialogClose{padding: 8px 16px !important;min-width: 70px !important;font-size: 14px !important}#butNewTicket{width: 36px !important;min-width: 36px !important;max-width: 36px !important;height: 36px !important}#butNewTicket vaadin-icon{width: 18px !important;height: 18px !important}#butNew{width: 36px !important;min-width: 36px !important;max-width: 36px !important;height: 36px !important}#butNew vaadin-icon{width: 18px !important;height: 18px !important}#butReload,#butReloadWaitForRequest,#butReloadYouApproved,#butReloadWaitForExecute,#butReloadYouExecuted,#butReloadGridAsset,#butReloadRequestingTransfer,#butReloadRequestingBorrow,#butReloadRequestTransfer,#butReloadRequestBorrow{width: 36px !important;min-width: 36px !important;height: 36px !important}#butReload vaadin-icon,#butReloadWaitForRequest vaadin-icon,#butReloadYouApproved vaadin-icon,#butReloadWaitForExecute vaadin-icon,#butReloadYouExecuted vaadin-icon,#butReloadGridAsset vaadin-icon,#butReloadRequestingTransfer vaadin-icon,#butReloadRequestingBorrow vaadin-icon,#butReloadRequestTransfer vaadin-icon,#butReloadRequestBorrow vaadin-icon{width: 16px !important;height: 16px !important}#butResize,#butResizeWaitForRequest,#butResizeYouApproved,#butResizeWaitForExecute,#butResizeYouExecuted{width: 36px !important;min-width: 36px !important;height: 36px !important}#butResize vaadin-icon,#butResizeWaitForRequest vaadin-icon,#butResizeYouApproved vaadin-icon,#butResizeWaitForExecute vaadin-icon,#butResizeYouExecuted vaadin-icon{width: 20px !important;height: 20px !important}#butUploadPdfZip vaadin-icon{width: 20px !important;height: 20px !important}#butSearch{padding: 6px 12px !important;min-width: 70px !important;font-size: 14px !important}#butSearch vaadin-icon{width: 16px !important;height: 16px !important}}@media (max-width: 600px){#layoutButtonBottom [theme~="icon"]{width: 36px !important;height: 36px !important}#layoutButtonBottom [theme~="icon"] vaadin-icon{width: 20px !important;height: 20px !important}#butDialogOK,#butDialogClose{padding: 8px 16px !important;min-width: 70px !important;font-size: 14px !important}#butNewTicket{width: 36px !important;min-width: 36px !important;max-width: 36px !important;height: 36px !important}#butNewTicket vaadin-icon{width: 18px !important;height: 18px !important}#butNew{width: 36px !important;min-width: 36px !important;max-width: 36px !important;height: 36px !important}#butNewT vaadin-icon{width: 18px !important;height: 18px !important}#butReload,#butReloadWaitForRequest,#butReloadYouApproved,#butReloadWaitForExecute,#butReloadYouExecuted,#butReloadGridAsset,#butReloadRequestingTransfer,#butReloadRequestingBorrow,#butReloadRequestTransfer,#butReloadRequestBorrow{width: 36px !important;min-width: 36px !important;height: 36px !important}#butReload vaadin-icon,#butReloadWaitForRequest vaadin-icon,#butReloadYouApproved vaadin-icon,#butReloadWaitForExecute vaadin-icon,#butReloadYouExecuted vaadin-icon,#butReloadGridAsset vaadin-icon,#butReloadRequestingTransfer vaadin-icon,#butReloadRequestingBorrow vaadin-icon,#butReloadRequestTransfer vaadin-icon,#butReloadRequestBorrow vaadin-icon{width: 16px !important;height: 16px !important}#butResize,#butResizeWaitForRequest,#butResizeYouApproved,#butResizeWaitForExecute,#butResizeYouExecuted{width: 36px !important;min-width: 36px !important;height: 36px !important}#butResize vaadin-icon,#butResizeWaitForRequest vaadin-icon,#butResizeYouApproved vaadin-icon,#butResizeWaitForExecute vaadin-icon,#butResizeYouExecuted vaadin-icon{width: 20px !important;height: 20px !important}#butUploadPdfZip vaadin-icon{width: 20px !important;height: 20px !important}#butSearch{padding: 6px 12px !important;min-width: 70px !important;font-size: 14px !important}#butSearch vaadin-icon{width: 16px !important;height: 16px !important}}@media (max-width: 768px){#layoutButtonBottom [theme~="icon"]{min-width: 40px !important;width: 40px !important;height: 40px !important}#layoutButtonBottom [theme~="icon"] vaadin-icon{width: 20px !important;height: 20px !important}#butDialogOK,#butDialogClose{padding: 9px 18px !important;min-width: 75px !important;font-size: 14px !important}#butNewTicket{width: 38px !important;min-width: 38px !important;max-width: 38px !important;height: 38px !important}#butNewTicket vaadin-icon{width: 19px !important;height: 19px !important}#butNew{width: 38px !important;min-width: 38px !important;max-width: 38px !important;height: 38px !important}#butNew vaadin-icon{width: 19px !important;height: 19px !important}#butReload,#butReloadWaitForRequest,#butReloadYouApproved,#butReloadWaitForExecute,#butReloadYouExecuted,#butReloadGridAsset,#butReloadRequestingTransfer,#butReloadRequestingBorrow,#butReloadRequestTransfer,#butReloadRequestBorrow{width: 38px !important;min-width: 38px !important;height: 38px !important}#butReload vaadin-icon,#butReloadWaitForRequest vaadin-icon,#butReloadYouApproved vaadin-icon,#butReloadWaitForExecute vaadin-icon,#butReloadYouExecuted vaadin-icon,#butReloadGridAsset vaadin-icon,#butReloadRequestingTransfer vaadin-icon,#butReloadRequestingBorrow vaadin-icon,#butReloadRequestTransfer vaadin-icon,#butReloadRequestBorrow vaadin-icon{width: 17px !important;height: 17px !important}#butResize,#butResizeWaitForRequest,#butResizeYouApproved,#butResizeWaitForExecute,#butResizeYouExecuted{width: 38px !important;min-width: 38px !important;height: 38px !important}#butResize vaadin-icon,#butResizeWaitForRequest vaadin-icon,#butResizeYouApproved vaadin-icon,#butResizeWaitForExecute vaadin-icon,#butResizeYouExecuted vaadin-icon{width: 21px !important;height: 21px !important}#butUploadPdfZip vaadin-icon{width: 21px !important;height: 21px !important}#butSearch{padding: 7px 14px !important;min-width: 75px !important;font-size: 14px !important}#butSearch vaadin-icon{width: 17px !important;height: 17px !important}}.buttonResizeMax,.buttonResizeSmall{background: linear-gradient(135deg,#88b83f 0%,#e3824f 50%,#326891 100%) !important;color: white !important;border: none !important;border-radius: 50% !important;width: 40px !important;min-width: 40px !important;height: 40px !important;padding: 0 !important;display: flex !important;justify-content: center !important;align-items: center !important;box-shadow: 0 4px 12px rgba(50,89,28,0.4) !important;cursor: pointer !important;transition: all 0.3s ease !important;margin: 0 !important;margin-left: 8px !important;align-self: center !important}.buttonResizeMax:hover,.buttonResizeSmall:hover{background: linear-gradient(135deg,#458056 0%,#88817f 50%,#45a6ed 100%) !important;box-shadow: 0 6px 20px rgb(212,228,188) !important;transform: translateY(-2px) scale(1.05) !important}.buttonResizeMax:active,.buttonResizeSmall:active{transform: translateY(0) scale(0.98) !important}.buttonResizeMax vaadin-icon,.buttonResizeSmall vaadin-icon{width: 22px !important;height: 22px !important;color: white !important}.buttonReloadGrid{background: linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%) !important;color: white !important;border: none !important;border-radius: 50% !important;width: 40px !important;min-width: 40px !important;height: 40px !important;padding: 0 !important;display: flex !important;justify-content: center !important;align-items: center !important;box-shadow: 0 2px 8px rgba(149,165,166,0.3) !important;cursor: pointer !important;transition: all 0.3s ease !important;margin: 0 !important;margin-left: 8px !important;align-self: center !important}.buttonReloadGrid:hover{background: linear-gradient(135deg,#7f8c8d 0%,#566573 100%) !important;box-shadow: 0 4px 12px rgba(149,165,166,0.5) !important;transform: translateY(-2px) scale(1.05) !important}.buttonReloadGrid:active{transform: translateY(0) scale(0.98) !important}.buttonReloadGrid vaadin-icon{width: 18px !important;height: 18px !important;color: white !important}html{--aura-base-radius: 4;--aura-base-font-size: 14;--aura-base-size: 20}