:where(:root),:where(:host){--vaadin-app-layout-drawer-width: 256px}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar']){--vaadin-app-layout-navbar-padding-top: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-inline-start: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-inline-end: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-bottom: 0px;transition: padding-bottom var(--vaadin-app-layout-transition-duration),padding-inline-start var(--vaadin-app-layout-transition-duration),padding-inline-end var(--vaadin-app-layout-transition-duration)}vaadin-app-layout.jmix-main-view-app-layout[drawer-opened]:not([primary-section='navbar']){--vaadin-app-layout-navbar-padding-inline-start: 0px}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar'])::part(navbar){transition: inset-inline-start var(--vaadin-app-layout-transition-duration),padding var(--vaadin-app-layout-transition-duration)}vaadin-app-layout.jmix-main-view-app-layout[has-navbar]:not([primary-section='navbar'])>:nth-child(1 of :not([slot])):nth-last-child(1 of :not([slot])){border-top-width: 0;border-start-start-radius: 0;border-start-end-radius: 0}vaadin-app-layout.jmix-main-view-app-layout[has-navbar][has-drawer][drawer-opened]:not([overlay]):not([primary-section='navbar'])>:nth-child(1 of :not([slot])):nth-last-child(1 of :not([slot])){border-start-start-radius: 0}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar']) .jmix-main-view-header{background: linear-gradient(var(--aura-surface-color),var(--aura-surface-color)),var(--aura-app-background);background-clip: padding-box;background-origin: border-box;border: var(--aura-app-layout-border-width) solid var(--vaadin-border-color-secondary);border-top-width: min(var(--aura-app-layout-inset),var(--aura-app-layout-border-width));border-inline-width: min(var(--aura-app-layout-inset),var(--aura-app-layout-border-width));border-bottom-width: 1px;border-start-start-radius: var(--_app-layout-radius);border-start-end-radius: var(--_app-layout-radius);padding: var(--vaadin-padding-s) var(--vaadin-padding-m)}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar'])::part(navbar-bottom){border-top: 1px solid var(--vaadin-border-color-secondary)}vaadin-app-layout.jmix-main-view-app-layout[has-drawer][drawer-opened]:not([overlay]):not([primary-section='navbar'])>.jmix-main-view-header{border-inline-start-width: var(--aura-app-layout-border-width)}.jmix-main-view-header{display: flex;align-items: center;width: 100%;box-sizing: border-box;gap: var(--vaadin-gap-m)}.jmix-main-view-title{font-size: var(--aura-font-size-xl)}.jmix-main-view-section{display: flex;flex-direction: column;align-items: stretch;max-height: 100%;min-height: 100%}.jmix-main-view-application-title{display: flex;align-items: center;margin: 0;padding: var(--vaadin-padding-m);font-size: var(--aura-font-size-l)}.jmix-main-view-application-title-base-link{color: var(--vaadin-text-color);text-decoration: none}.jmix-main-view-navigation{display: flex;flex-direction: column;flex-grow: 1;overflow: auto}.jmix-main-view-footer{display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-m);padding-bottom: max(0px,var(--aura-app-layout-inset) - var(--vaadin-padding-m));border-top: 1px solid var(--vaadin-border-color-secondary)}.jmix-main-view-footer .jmix-user-indicator{flex-grow: 1}.jmix-main-view-user-menu{margin-inline-start: auto}.user-menu-button-content,.user-menu-header-content{display: grid;grid-template: "avatar text" "avatar subtext";grid-template-columns: auto 1fr;column-gap: var(--vaadin-gap-s);width: max-content;box-sizing: border-box;color: var(--vaadin-text-color);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s)}.user-menu-header-content{width: 100%;padding-inline-end: var(--vaadin-padding-l)}.user-menu-button-content>.user-menu-avatar,.user-menu-header-content>.user-menu-avatar{grid-area: avatar;align-self: center}.user-menu-button-content>.user-menu-text{grid-row: text / subtext}.jmix-main-view-user-menu[theme~='substituted'] .user-menu-button-content>.user-menu-text{grid-row: text}.user-menu-header-content>.user-menu-text{grid-area: text;color: var(--vaadin-text-color);font-weight: 700;font-size: var(--aura-font-size-m)}.user-menu-header-content>.user-menu-text-subtext{grid-row: text / subtext}.user-menu-button-content>.user-menu-text,.user-menu-header-content>.user-menu-text{align-self: center;text-align: start;width: 100%;overflow: hidden;text-overflow: ellipsis}.user-menu-button-content>.user-menu-subtext,.user-menu-header-content>.user-menu-subtext{grid-area: subtext;align-self: center;text-align: start;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);width: 100%;overflow: hidden;text-overflow: ellipsis}.jmix-main-view-user-menu:not([theme~='substituted']) .user-menu-button-content>.user-menu-subtext{display: none}.jmix-initial-layout{--title-size: round(var(--aura-font-size-m) * 2.5,0.0625rem);--title-color: var(--vaadin-text-color-secondary);width: 100%;height: 100%;align-items: center;justify-content: center;container-type: inline-size;container-name: jmix-initial-layout}.jmix-initial-layout-content{display: flex;justify-content: space-between;width: 100%;max-width: 50rem;padding: var(--vaadin-padding-xl);box-sizing: border-box}.jmix-initial-layout-title{position: relative;color: var(--title-color);font-size: var(--title-size);line-height: calc(4 * var(--title-size));box-sizing: border-box}.jmix-initial-layout-title:after{position: absolute;width: 100%;height: 0.3rem;content: '';background: var(--title-color);top: 0;left: 0}.jmix-initial-layout-logo{--logo-size: calc(2.5 * var(--title-size));width: var(--logo-size);height: var(--logo-size)}@container jmix-initial-layout (max-width: 45rem){.jmix-initial-layout-content{flex-direction: column-reverse;align-items: center;gap: var(--vaadin-gap-l)}.jmix-initial-layout-title{padding-top: var(--vaadin-padding-m);line-height: var(--aura-line-height-m);text-align: center}}.jmix-main-view-navigation>.jmix-menu-filter-field{margin: var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-main-view-navigation>.jmix-search-field{display: flex;margin: auto var(--vaadin-padding-m) var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-main-view-header>.jmix-search-field{margin-inline-start: auto;margin-inline-end: var(--vaadin-padding-m)}.jmix-main-view-top-menu-app-layout{--vaadin-app-layout-navbar-padding-bottom: 0px}vaadin-app-layout.jmix-main-view-top-menu-app-layout::part(navbar){min-height: 0;border-bottom: 0}.jmix-main-view-top-menu-navigation-bar-box{padding: 0;width: 100%}.jmix-main-view-top-menu-view-header-box{width: 100%;border-top: 1px solid var(--vaadin-border-color-secondary)}.jmix-main-view-top-menu-navigation{display: flex;flex-grow: 1;overflow: auto}.jmix-main-view-top-menu-header{display: flex;align-items: center;width: 100%;box-sizing: border-box;gap: var(--vaadin-gap-m)}.jmix-main-view-top-menu-logo-container{display: flex;margin: 0 var(--vaadin-padding-m)}.jmix-main-view-top-menu-logo{--logo-size: round(var(--aura-base-size) * 2.5 * 1px,1px);width: var(--logo-size);height: var(--logo-size)}.jmix-main-view-top-menu-user-box{align-self: flex-end;align-items: center;margin: 0 var(--vaadin-padding-m);max-width: 20em}.jmix-main-view-top-menu-view-title{font-size: var(--aura-font-size-xl);margin: var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-login-main-layout jmix-login-form::part(form){--vaadin-login-form-border-radius: var(--vaadin-radius-l);--vaadin-login-form-background: var(--aura-surface-color);box-shadow: var(--aura-shadow-s);border: 1px solid var(--vaadin-border-color)}.sr-only{border-width:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.bg-base{background-color:var(--app-base-color)}.bg-transparent{background-color:transparent}.bg-tint{background-color:var(--app-tint)}.bg-tint-90{background-color:var(--app-tint-90pct)}.bg-tint-80{background-color:var(--app-tint-80pct)}.bg-tint-70{background-color:var(--app-tint-70pct)}.bg-tint-60{background-color:var(--app-tint-60pct)}.bg-tint-50{background-color:var(--app-tint-50pct)}.bg-tint-40{background-color:var(--app-tint-40pct)}.bg-tint-30{background-color:var(--app-tint-30pct)}.bg-tint-20{background-color:var(--app-tint-20pct)}.bg-tint-10{background-color:var(--app-tint-10pct)}.bg-tint-5{background-color:var(--app-tint-5pct)}.bg-shade{background-color:var(--app-shade)}.bg-shade-90{background-color:var(--app-shade-90pct)}.bg-shade-80{background-color:var(--app-shade-80pct)}.bg-shade-70{background-color:var(--app-shade-70pct)}.bg-shade-60{background-color:var(--app-shade-60pct)}.bg-shade-50{background-color:var(--app-shade-50pct)}.bg-shade-40{background-color:var(--app-shade-40pct)}.bg-shade-30{background-color:var(--app-shade-30pct)}.bg-shade-20{background-color:var(--app-shade-20pct)}.bg-shade-10{background-color:var(--app-shade-10pct)}.bg-shade-5{background-color:var(--app-shade-5pct)}.bg-contrast{background-color:var(--app-contrast)}.bg-contrast-90{background-color:var(--app-contrast-90pct)}.bg-contrast-80{background-color:var(--app-contrast-80pct)}.bg-contrast-70{background-color:var(--app-contrast-70pct)}.bg-contrast-60{background-color:var(--app-contrast-60pct)}.bg-contrast-50{background-color:var(--app-contrast-50pct)}.bg-contrast-40{background-color:var(--app-contrast-40pct)}.bg-contrast-30{background-color:var(--app-contrast-30pct)}.bg-contrast-20{background-color:var(--app-contrast-20pct)}.bg-contrast-10{background-color:var(--app-contrast-10pct)}.bg-contrast-5{background-color:var(--app-contrast-5pct)}.bg-primary{background-color:var(--app-primary-color)}.bg-primary-50{background-color:var(--app-primary-color-50pct)}.bg-primary-10{background-color:var(--app-primary-color-10pct)}.bg-error{background-color:var(--app-error-color)}.bg-error-50{background-color:var(--app-error-color-50pct)}.bg-error-10{background-color:var(--app-error-color-10pct)}.bg-success{background-color:var(--app-success-color)}.bg-success-50{background-color:var(--app-success-color-50pct)}.bg-success-10{background-color:var(--app-success-color-10pct)}.bg-warning{background-color:var(--app-warning-color)}.bg-warning-10{background-color:var(--app-warning-color-10pct)}.border-0{border:none}.border-dashed{--app-utility-border-style:dashed}.border-dotted{--app-utility-border-style:dotted}.border{border:1px var(--app-utility-border-style,solid) var(--app-utility-border-color,var(--app-contrast-10pct))}.border-b{border-bottom:1px var(--app-utility-border-style,solid) var(--app-utility-border-color,var(--app-contrast-10pct))}.border-e{border-inline-end:1px var(--app-utility-border-style,solid) var(--app-utility-border-color,var(--app-contrast-10pct))}.border-l{border-left:1px var(--app-utility-border-style,solid) var(--app-utility-border-color,var(--app-contrast-10pct))}.border-r{border-right:1px var(--app-utility-border-style,solid) var(--app-utility-border-color,var(--app-contrast-10pct))}.border-s{border-inline-start:1px var(--app-utility-border-style,solid) var(--app-utility-border-color,var(--app-contrast-10pct))}.border-t{border-top:1px var(--app-utility-border-style,solid) var(--app-utility-border-color,var(--app-contrast-10pct))}.border-contrast{--app-utility-border-color:var(--app-contrast)}.border-contrast-90{--app-utility-border-color:var(--app-contrast-90pct)}.border-contrast-80{--app-utility-border-color:var(--app-contrast-80pct)}.border-contrast-70{--app-utility-border-color:var(--app-contrast-70pct)}.border-contrast-60{--app-utility-border-color:var(--app-contrast-60pct)}.border-contrast-50{--app-utility-border-color:var(--app-contrast-50pct)}.border-contrast-40{--app-utility-border-color:var(--app-contrast-40pct)}.border-contrast-30{--app-utility-border-color:var(--app-contrast-30pct)}.border-contrast-20{--app-utility-border-color:var(--app-contrast-20pct)}.border-contrast-10{--app-utility-border-color:var(--app-contrast-10pct)}.border-contrast-5{--app-utility-border-color:var(--app-contrast-5pct)}.border-primary{--app-utility-border-color:var(--app-primary-color)}.border-primary-50{--app-utility-border-color:var(--app-primary-color-50pct)}.border-primary-10{--app-utility-border-color:var(--app-primary-color-10pct)}.border-error{--app-utility-border-color:var(--app-error-color)}.border-error-50{--app-utility-border-color:var(--app-error-color-50pct)}.border-error-10{--app-utility-border-color:var(--app-error-color-10pct)}.border-success{--app-utility-border-color:var(--app-success-color)}.border-success-50{--app-utility-border-color:var(--app-success-color-50pct)}.border-success-10{--app-utility-border-color:var(--app-success-color-10pct)}.border-warning{--app-utility-border-color:var(--app-warning-color)}.border-warning-strong{--app-utility-border-color:var(--app-warning-text-color)}.border-warning-10{--app-utility-border-color:var(--app-warning-color-10pct)}.rounded-none{border-radius:0}.rounded-s{border-radius:var(--app-border-radius-s)}.rounded-m{border-radius:var(--app-border-radius-m)}.rounded-l{border-radius:var(--app-border-radius-l)}.rounded-full{border-radius:9999px}.divide-x>*+*{border-inline-start:1px var(--app-utility-border-style,solid) var(--app-utility-border-color,var(--app-contrast-10pct))}.divide-y>*+*{border-block-start:1px var(--app-utility-border-style,solid) var(--app-utility-border-color,var(--app-contrast-10pct))}.backdrop-blur-none{backdrop-filter:blur(0)}.backdrop-blur-sm{backdrop-filter:blur(4px)}.backdrop-blur{backdrop-filter:blur(8px)}.backdrop-blur-md{backdrop-filter:blur(12px)}.backdrop-blur-lg{backdrop-filter:blur(16px)}.backdrop-blur-xl{backdrop-filter:blur(24px)}.backdrop-blur-2xl{backdrop-filter:blur(40px)}.backdrop-blur-3xl{backdrop-filter:blur(64px)}.content-center{align-content:center}.content-end{align-content:flex-end}.content-start{align-content:flex-start}.content-around{align-content:space-around}.content-between{align-content:space-between}.content-evenly{align-content:space-evenly}.content-stretch{align-content:stretch}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-baseline{align-self:baseline}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.gap-xs{gap:var(--app-space-xs)}.gap-s{gap:var(--app-space-s)}.gap-m{gap:var(--app-space-m)}.gap-l{gap:var(--app-space-l)}.gap-xl{gap:var(--app-space-xl)}.gap-x-xs{column-gap:var(--app-space-xs)}.gap-x-s{column-gap:var(--app-space-s)}.gap-x-m{column-gap:var(--app-space-m)}.gap-x-l{column-gap:var(--app-space-l)}.gap-x-xl{column-gap:var(--app-space-xl)}.gap-y-xs{row-gap:var(--app-space-xs)}.gap-y-s{row-gap:var(--app-space-s)}.gap-y-m{row-gap:var(--app-space-m)}.gap-y-l{row-gap:var(--app-space-l)}.gap-y-xl{row-gap:var(--app-space-xl)}.grid-flow-col{grid-auto-flow:column}.grid-flow-row{grid-auto-flow:row}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-4{grid-row:span 4/span 4}.row-span-5{grid-row:span 5/span 5}.row-span-6{grid-row:span 6/span 6}.row-span-full{grid-row:1/-1}@media (min-width:640px){.sm\:items-baseline{align-items:baseline}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:items-stretch{align-items:stretch}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:768px){.md\:items-baseline{align-items:baseline}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:items-stretch{align-items:stretch}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1024px){.lg\:items-baseline{align-items:baseline}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:items-start{align-items:flex-start}.lg\:items-stretch{align-items:stretch}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1280px){.xl\:items-baseline{align-items:baseline}.xl\:items-center{align-items:center}.xl\:items-end{align-items:flex-end}.xl\:items-start{align-items:flex-start}.xl\:items-stretch{align-items:stretch}.xl\:flex-col{flex-direction:column}.xl\:flex-row{flex-direction:row}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1536px){.\32xl\:items-baseline{align-items:baseline}.\32xl\:items-center{align-items:center}.\32xl\:items-end{align-items:flex-end}.\32xl\:items-start{align-items:flex-start}.\32xl\:items-stretch{align-items:stretch}.\32xl\:flex-col{flex-direction:column}.\32xl\:flex-row{flex-direction:row}.\32xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.\32xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\32xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\32xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.\32xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.\32xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.\32xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.\32xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.\32xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.relative{position:relative}.-bottom-xs{bottom:calc(var(--app-space-xs)/-1)}.-bottom-s{bottom:calc(var(--app-space-s)/-1)}.-bottom-m{bottom:calc(var(--app-space-m)/-1)}.-bottom-l{bottom:calc(var(--app-space-l)/-1)}.-bottom-xl{bottom:calc(var(--app-space-xl)/-1)}.-bottom-full{bottom:-100%}.bottom-0{bottom:0}.bottom-xs{bottom:var(--app-space-xs)}.bottom-s{bottom:var(--app-space-s)}.bottom-m{bottom:var(--app-space-m)}.bottom-l{bottom:var(--app-space-l)}.bottom-xl{bottom:var(--app-space-xl)}.bottom-auto{bottom:auto}.bottom-full{bottom:100%}.-end-xs{inset-inline-end:calc(var(--app-space-xs)/-1)}.-end-s{inset-inline-end:calc(var(--app-space-s)/-1)}.-end-m{inset-inline-end:calc(var(--app-space-m)/-1)}.-end-l{inset-inline-end:calc(var(--app-space-l)/-1)}.-end-xl{inset-inline-end:calc(var(--app-space-xl)/-1)}.-end-full{inset-inline-end:-100%}.end-0{inset-inline-end:0}.end-xs{inset-inline-end:var(--app-space-xs)}.end-s{inset-inline-end:var(--app-space-s)}.end-m{inset-inline-end:var(--app-space-m)}.end-l{inset-inline-end:var(--app-space-l)}.end-xl{inset-inline-end:var(--app-space-xl)}.end-auto{inset-inline-end:auto}.end-full{inset-inline-end:100%}.-start-xs{inset-inline-start:calc(var(--app-space-xs)/-1)}.-start-s{inset-inline-start:calc(var(--app-space-s)/-1)}.-start-m{inset-inline-start:calc(var(--app-space-m)/-1)}.-start-l{inset-inline-start:calc(var(--app-space-l)/-1)}.-start-xl{inset-inline-start:calc(var(--app-space-xl)/-1)}.-start-full{inset-inline-start:-100%}.start-0{inset-inline-start:0}.start-xs{inset-inline-start:var(--app-space-xs)}.start-s{inset-inline-start:var(--app-space-s)}.start-m{inset-inline-start:var(--app-space-m)}.start-l{inset-inline-start:var(--app-space-l)}.start-xl{inset-inline-start:var(--app-space-xl)}.start-auto{inset-inline-start:auto}.start-full{inset-inline-start:100%}.-top-xs{top:calc(var(--app-space-xs)/-1)}.-top-s{top:calc(var(--app-space-s)/-1)}.-top-m{top:calc(var(--app-space-m)/-1)}.-top-l{top:calc(var(--app-space-l)/-1)}.-top-xl{top:calc(var(--app-space-xl)/-1)}.-top-full{top:-100%}.top-0{top:0}.top-xs{top:var(--app-space-xs)}.top-s{top:var(--app-space-s)}.top-m{top:var(--app-space-m)}.top-l{top:var(--app-space-l)}.top-xl{top:var(--app-space-xl)}.top-auto{top:auto}.top-full{top:100%}.invisible{visibility:hidden}.visible{visibility:visible}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}@media (min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-block{display:inline-block}.sm\:inline-flex{display:inline-flex}.sm\:inline-grid{display:inline-grid}.sm\:absolute{position:absolute}.sm\:fixed{position:fixed}.sm\:relative{position:relative}.sm\:static{position:static}.sm\:sticky{position:sticky}}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:inline{display:inline}.md\:inline-block{display:inline-block}.md\:inline-flex{display:inline-flex}.md\:inline-grid{display:inline-grid}.md\:absolute{position:absolute}.md\:fixed{position:fixed}.md\:relative{position:relative}.md\:static{position:static}.md\:sticky{position:sticky}}@media (min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:inline-block{display:inline-block}.lg\:inline-flex{display:inline-flex}.lg\:inline-grid{display:inline-grid}.lg\:absolute{position:absolute}.lg\:fixed{position:fixed}.lg\:relative{position:relative}.lg\:static{position:static}.lg\:sticky{position:sticky}}@media (min-width:1280px){.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:inline{display:inline}.xl\:inline-block{display:inline-block}.xl\:inline-flex{display:inline-flex}.xl\:inline-grid{display:inline-grid}.xl\:absolute{position:absolute}.xl\:fixed{position:fixed}.xl\:relative{position:relative}.xl\:static{position:static}.xl\:sticky{position:sticky}}@media (min-width:1536px){.\32xl\:block{display:block}.\32xl\:flex{display:flex}.\32xl\:grid{display:grid}.\32xl\:hidden{display:none}.\32xl\:inline{display:inline}.\32xl\:inline-block{display:inline-block}.\32xl\:inline-flex{display:inline-flex}.\32xl\:inline-grid{display:inline-grid}.\32xl\:absolute{position:absolute}.\32xl\:fixed{position:fixed}.\32xl\:relative{position:relative}.\32xl\:static{position:static}.\32xl\:sticky{position:sticky}}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--app-box-shadow-xs)}.shadow-s{box-shadow:var(--app-box-shadow-s)}.shadow-m{box-shadow:var(--app-box-shadow-m)}.shadow-l{box-shadow:var(--app-box-shadow-l)}.shadow-xl{box-shadow:var(--app-box-shadow-xl)}.h-0{height:0}.h-xs{height:var(--app-size-xs)}.h-s{height:var(--app-size-s)}.h-m{height:var(--app-size-m)}.h-l{height:var(--app-size-l)}.h-xl{height:var(--app-size-xl)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.icon-s{height:var(--app-icon-size-s);width:var(--app-icon-size-s)}.icon-m{height:var(--app-icon-size-m);width:var(--app-icon-size-m)}.icon-l{height:var(--app-icon-size-l);width:var(--app-icon-size-l)}.w-xs{width:var(--app-size-xs)}.w-s{width:var(--app-size-s)}.w-m{width:var(--app-size-m)}.w-l{width:var(--app-size-l)}.w-xl{width:var(--app-size-xl)}.w-auto{width:auto}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-screen-sm{max-width:640px}.max-w-screen-md{max-width:768px}.max-w-screen-lg{max-width:1024px}.max-w-screen-xl{max-width:1280px}.max-w-screen-2xl{max-width:1536px}.min-w-0{min-width:0}.min-w-full{min-width:100%}.-m-xs{margin:calc(var(--app-space-xs)/-1)}.-m-s{margin:calc(var(--app-space-s)/-1)}.-m-m{margin:calc(var(--app-space-m)/-1)}.-m-l{margin:calc(var(--app-space-l)/-1)}.-m-xl{margin:calc(var(--app-space-xl)/-1)}.m-0{margin:0}.m-xs{margin:var(--app-space-xs)}.m-s{margin:var(--app-space-s)}.m-m{margin:var(--app-space-m)}.m-l{margin:var(--app-space-l)}.m-xl{margin:var(--app-space-xl)}.m-auto{margin:auto}.-mb-xs{margin-bottom:calc(var(--app-space-xs)/-1)}.-mb-s{margin-bottom:calc(var(--app-space-s)/-1)}.-mb-m{margin-bottom:calc(var(--app-space-m)/-1)}.-mb-l{margin-bottom:calc(var(--app-space-l)/-1)}.-mb-xl{margin-bottom:calc(var(--app-space-xl)/-1)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--app-space-xs)}.mb-s{margin-bottom:var(--app-space-s)}.mb-m{margin-bottom:var(--app-space-m)}.mb-l{margin-bottom:var(--app-space-l)}.mb-xl{margin-bottom:var(--app-space-xl)}.mb-auto{margin-bottom:auto}.-me-xs{margin-inline-end:calc(var(--app-space-xs)/-1)}.-me-s{margin-inline-end:calc(var(--app-space-s)/-1)}.-me-m{margin-inline-end:calc(var(--app-space-m)/-1)}.-me-l{margin-inline-end:calc(var(--app-space-l)/-1)}.-me-xl{margin-inline-end:calc(var(--app-space-xl)/-1)}.me-0{margin-inline-end:0}.me-xs{margin-inline-end:var(--app-space-xs)}.me-s{margin-inline-end:var(--app-space-s)}.me-m{margin-inline-end:var(--app-space-m)}.me-l{margin-inline-end:var(--app-space-l)}.me-xl{margin-inline-end:var(--app-space-xl)}.me-auto{margin-inline-end:auto}.-mx-xs{margin-inline:calc(var(--app-space-xs)/-1)}.-mx-s{margin-inline:calc(var(--app-space-s)/-1)}.-mx-m{margin-inline:calc(var(--app-space-m)/-1)}.-mx-l{margin-inline:calc(var(--app-space-l)/-1)}.-mx-xl{margin-inline:calc(var(--app-space-xl)/-1)}.mx-0{margin-inline:0}.mx-xs{margin-inline:var(--app-space-xs)}.mx-s{margin-inline:var(--app-space-s)}.mx-m{margin-inline:var(--app-space-m)}.mx-l{margin-inline:var(--app-space-l)}.mx-xl{margin-inline:var(--app-space-xl)}.mx-auto{margin-inline:auto}.-ml-xs{margin-left:calc(var(--app-space-xs)/-1)}.-ml-s{margin-left:calc(var(--app-space-s)/-1)}.-ml-m{margin-left:calc(var(--app-space-m)/-1)}.-ml-l{margin-left:calc(var(--app-space-l)/-1)}.-ml-xl{margin-left:calc(var(--app-space-xl)/-1)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--app-space-xs)}.ml-s{margin-left:var(--app-space-s)}.ml-m{margin-left:var(--app-space-m)}.ml-l{margin-left:var(--app-space-l)}.ml-xl{margin-left:var(--app-space-xl)}.ml-auto{margin-left:auto}.-mr-xs{margin-right:calc(var(--app-space-xs)/-1)}.-mr-s{margin-right:calc(var(--app-space-s)/-1)}.-mr-m{margin-right:calc(var(--app-space-m)/-1)}.-mr-l{margin-right:calc(var(--app-space-l)/-1)}.-mr-xl{margin-right:calc(var(--app-space-xl)/-1)}.mr-0{margin-right:0}.mr-xs{margin-right:var(--app-space-xs)}.mr-s{margin-right:var(--app-space-s)}.mr-m{margin-right:var(--app-space-m)}.mr-l{margin-right:var(--app-space-l)}.mr-xl{margin-right:var(--app-space-xl)}.mr-auto{margin-right:auto}.-ms-xs{margin-inline-start:calc(var(--app-space-xs)/-1)}.-ms-s{margin-inline-start:calc(var(--app-space-s)/-1)}.-ms-m{margin-inline-start:calc(var(--app-space-m)/-1)}.-ms-l{margin-inline-start:calc(var(--app-space-l)/-1)}.-ms-xl{margin-inline-start:calc(var(--app-space-xl)/-1)}.ms-0{margin-inline-start:0}.ms-xs{margin-inline-start:var(--app-space-xs)}.ms-s{margin-inline-start:var(--app-space-s)}.ms-m{margin-inline-start:var(--app-space-m)}.ms-l{margin-inline-start:var(--app-space-l)}.ms-xl{margin-inline-start:var(--app-space-xl)}.ms-auto{margin-inline-start:auto}.-mt-xs{margin-top:calc(var(--app-space-xs)/-1)}.-mt-s{margin-top:calc(var(--app-space-s)/-1)}.-mt-m{margin-top:calc(var(--app-space-m)/-1)}.-mt-l{margin-top:calc(var(--app-space-l)/-1)}.-mt-xl{margin-top:calc(var(--app-space-xl)/-1)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--app-space-xs)}.mt-s{margin-top:var(--app-space-s)}.mt-m{margin-top:var(--app-space-m)}.mt-l{margin-top:var(--app-space-l)}.mt-xl{margin-top:var(--app-space-xl)}.mt-auto{margin-top:auto}.-my-xs{margin-block:calc(var(--app-space-xs)/-1)}.-my-s{margin-block:calc(var(--app-space-s)/-1)}.-my-m{margin-block:calc(var(--app-space-m)/-1)}.-my-l{margin-block:calc(var(--app-space-l)/-1)}.-my-xl{margin-block:calc(var(--app-space-xl)/-1)}.my-0{margin-block:0}.my-xs{margin-block:var(--app-space-xs)}.my-s{margin-block:var(--app-space-s)}.my-m{margin-block:var(--app-space-m)}.my-l{margin-block:var(--app-space-l)}.my-xl{margin-block:var(--app-space-xl)}.my-auto{margin-block:auto}.p-0{padding:0}.p-xs{padding:var(--app-space-xs)}.p-s{padding:var(--app-space-s)}.p-m{padding:var(--app-space-m)}.p-l{padding:var(--app-space-l)}.p-xl{padding:var(--app-space-xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--app-space-xs)}.pb-s{padding-bottom:var(--app-space-s)}.pb-m{padding-bottom:var(--app-space-m)}.pb-l{padding-bottom:var(--app-space-l)}.pb-xl{padding-bottom:var(--app-space-xl)}.pe-0{padding-inline-end:0}.pe-xs{padding-inline-end:var(--app-space-xs)}.pe-s{padding-inline-end:var(--app-space-s)}.pe-m{padding-inline-end:var(--app-space-m)}.pe-l{padding-inline-end:var(--app-space-l)}.pe-xl{padding-inline-end:var(--app-space-xl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:var(--app-space-xs);padding-right:var(--app-space-xs)}.px-s{padding-left:var(--app-space-s);padding-right:var(--app-space-s)}.px-m{padding-left:var(--app-space-m);padding-right:var(--app-space-m)}.px-l{padding-left:var(--app-space-l);padding-right:var(--app-space-l)}.px-xl{padding-left:var(--app-space-xl);padding-right:var(--app-space-xl)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--app-space-xs)}.pl-s{padding-left:var(--app-space-s)}.pl-m{padding-left:var(--app-space-m)}.pl-l{padding-left:var(--app-space-l)}.pl-xl{padding-left:var(--app-space-xl)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--app-space-xs)}.pr-s{padding-right:var(--app-space-s)}.pr-m{padding-right:var(--app-space-m)}.pr-l{padding-right:var(--app-space-l)}.pr-xl{padding-right:var(--app-space-xl)}.ps-0{padding-inline-start:0}.ps-xs{padding-inline-start:var(--app-space-xs)}.ps-s{padding-inline-start:var(--app-space-s)}.ps-m{padding-inline-start:var(--app-space-m)}.ps-l{padding-inline-start:var(--app-space-l)}.ps-xl{padding-inline-start:var(--app-space-xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--app-space-xs)}.pt-s{padding-top:var(--app-space-s)}.pt-m{padding-top:var(--app-space-m)}.pt-l{padding-top:var(--app-space-l)}.pt-xl{padding-top:var(--app-space-xl)}.py-0{padding-bottom:0;padding-top:0}.py-xs{padding-bottom:var(--app-space-xs);padding-top:var(--app-space-xs)}.py-s{padding-bottom:var(--app-space-s);padding-top:var(--app-space-s)}.py-m{padding-bottom:var(--app-space-m);padding-top:var(--app-space-m)}.py-l{padding-bottom:var(--app-space-l);padding-top:var(--app-space-l)}.py-xl{padding-bottom:var(--app-space-xl);padding-top:var(--app-space-xl)}.transition{transition-duration:var(--app-utility-transition-duration,.15s);transition-property:-webkit-backdrop-filter,backdrop-filter,background-color,border-color,box-shadow,color,fill,filter,opacity,rotate,scale,stroke,text-decoration-color,transform,translate;transition-timing-function:var(--app-utility-transition-timing-function,cubic-bezier(.4,0,.2,1))}.transition-all{transition-duration:var(--app-utility-transition-duration,.15s);transition-property:all;transition-timing-function:var(--app-utility-transition-timing-function,cubic-bezier(.4,0,.2,1))}.transition-colors{transition-duration:var(--app-utility-transition-duration,.15s);transition-property:background-color,border-color,color,fill,stroke,text-decoration-color;transition-timing-function:var(--app-utility-transition-timing-function,cubic-bezier(.4,0,.2,1))}.transition-opacity{transition-duration:var(--app-utility-transition-duration,.15s);transition-property:opacity;transition-timing-function:var(--app-utility-transition-timing-function,cubic-bezier(.4,0,.2,1))}.transition-shadow{transition-duration:var(--app-utility-transition-duration,.15s);transition-property:box-shadow;transition-timing-function:var(--app-utility-transition-timing-function,cubic-bezier(.4,0,.2,1))}.transition-transform{transition-duration:var(--app-utility-transition-duration,.15s);transition-property:rotate,scale,transform,translate;transition-timing-function:var(--app-utility-transition-timing-function,cubic-bezier(.4,0,.2,1))}.transition-none{transition-property:none}.text-2xs{font-size:var(--app-font-size-xxs)}.text-xs{font-size:var(--app-font-size-xs)}.text-s{font-size:var(--app-font-size-s)}.text-m{font-size:var(--app-font-size-m)}.text-l{font-size:var(--app-font-size-l)}.text-xl{font-size:var(--app-font-size-xl)}.text-2xl{font-size:var(--app-font-size-xxl)}.text-3xl{font-size:var(--app-font-size-xxxl)}.font-thin{font-weight:100}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}[class*=line-clamp-]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-5{-webkit-line-clamp:5}.line-clamp-6{-webkit-line-clamp:6}.leading-none{line-height:1}.leading-xs{line-height:var(--app-line-height-xs)}.leading-s{line-height:var(--app-line-height-s)}.leading-m{line-height:var(--app-line-height-m)}.list-none{list-style-type:none}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-header{color:var(--app-header-text-color)}.text-body{color:var(--app-body-text-color)}.text-secondary{color:var(--app-secondary-text-color)}.text-tertiary{color:var(--app-tertiary-text-color)}.text-disabled{color:var(--app-disabled-text-color)}.text-primary{color:var(--app-primary-text-color)}.text-primary-contrast{color:var(--app-primary-contrast-color)}.text-error{color:var(--app-error-text-color)}.text-error-contrast{color:var(--app-error-contrast-color)}.text-success{color:var(--app-success-text-color)}.text-success-contrast{color:var(--app-success-contrast-color)}.text-warning{color:var(--app-warning-text-color)}.text-warning-contrast{color:var(--app-warning-contrast-color)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.overflow-clip{text-overflow:clip}.overflow-ellipsis{text-overflow:ellipsis}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.whitespace-break-spaces,.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}@media (min-width:640px){.sm\:text-2xs{font-size:var(--app-font-size-xxs)}.sm\:text-xs{font-size:var(--app-font-size-xs)}.sm\:text-s{font-size:var(--app-font-size-s)}.sm\:text-m{font-size:var(--app-font-size-m)}.sm\:text-l{font-size:var(--app-font-size-l)}.sm\:text-xl{font-size:var(--app-font-size-xl)}.sm\:text-2xl{font-size:var(--app-font-size-xxl)}.sm\:text-3xl{font-size:var(--app-font-size-xxxl)}}@media (min-width:768px){.md\:text-2xs{font-size:var(--app-font-size-xxs)}.md\:text-xs{font-size:var(--app-font-size-xs)}.md\:text-s{font-size:var(--app-font-size-s)}.md\:text-m{font-size:var(--app-font-size-m)}.md\:text-l{font-size:var(--app-font-size-l)}.md\:text-xl{font-size:var(--app-font-size-xl)}.md\:text-2xl{font-size:var(--app-font-size-xxl)}.md\:text-3xl{font-size:var(--app-font-size-xxxl)}}@media (min-width:1024px){.lg\:text-2xs{font-size:var(--app-font-size-xxs)}.lg\:text-xs{font-size:var(--app-font-size-xs)}.lg\:text-s{font-size:var(--app-font-size-s)}.lg\:text-m{font-size:var(--app-font-size-m)}.lg\:text-l{font-size:var(--app-font-size-l)}.lg\:text-xl{font-size:var(--app-font-size-xl)}.lg\:text-2xl{font-size:var(--app-font-size-xxl)}.lg\:text-3xl{font-size:var(--app-font-size-xxxl)}}@media (min-width:1280px){.xl\:text-2xs{font-size:var(--app-font-size-xxs)}.xl\:text-xs{font-size:var(--app-font-size-xs)}.xl\:text-s{font-size:var(--app-font-size-s)}.xl\:text-m{font-size:var(--app-font-size-m)}.xl\:text-l{font-size:var(--app-font-size-l)}.xl\:text-xl{font-size:var(--app-font-size-xl)}.xl\:text-2xl{font-size:var(--app-font-size-xxl)}.xl\:text-3xl{font-size:var(--app-font-size-xxxl)}}@media (min-width:1536px){.\32xl\:text-2xs{font-size:var(--app-font-size-xxs)}.\32xl\:text-xs{font-size:var(--app-font-size-xs)}.\32xl\:text-s{font-size:var(--app-font-size-s)}.\32xl\:text-m{font-size:var(--app-font-size-m)}.\32xl\:text-l{font-size:var(--app-font-size-l)}.\32xl\:text-xl{font-size:var(--app-font-size-xl)}.\32xl\:text-2xl{font-size:var(--app-font-size-xxl)}.\32xl\:text-3xl{font-size:var(--app-font-size-xxxl)}}html{--app-border-radius-s: var(--vaadin-radius-s);--app-border-radius-m: var(--vaadin-radius-m);--app-border-radius-l: var(--vaadin-radius-l);--app-box-shadow-xs: var(--aura-shadow-xs);--app-box-shadow-s: var(--aura-shadow-s);--app-box-shadow-m: var(--aura-shadow-m);--app-box-shadow-l: var(--aura-shadow-m);--app-box-shadow-xl: var(--aura-shadow-m);--app-contrast: var(--vaadin-text-color);--app-contrast-color: var(--vaadin-text-color);--app-contrast-40pct: color-mix(in srgb,var(--vaadin-text-color) 40%,transparent);--app-contrast-60pct: color-mix(in srgb,var(--vaadin-text-color) 60%,transparent);--app-contrast-70pct: color-mix(in srgb,var(--vaadin-text-color) 70%,transparent);--app-contrast-80pct: color-mix(in srgb,var(--vaadin-text-color) 80%,transparent);--app-font-family-mono: ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--app-font-size-xxxs: calc(var(--aura-font-size-xs) * 0.85);--app-icon-size-s: calc(var(--vaadin-icon-size,1lh) * 0.8);--app-icon-size-m: var(--vaadin-icon-size,1lh);--app-icon-size-l: calc(var(--vaadin-icon-size,1lh) * 1.2);--app-icons-plus: "+";--app-icons-minus: "−";--app-icons-angle-right: "›";--app-info-color: var(--aura-blue);--app-info-color-10pct: color-mix(in srgb,var(--aura-blue) 10%,transparent);--app-line-height-xs: var(--aura-line-height-xs);--app-line-height-s: var(--aura-line-height-s);--app-line-height-m: var(--aura-line-height-m);--app-primary-color-5pct: color-mix(in srgb,var(--aura-accent-color) 5%,transparent);--app-primary-color-20pct: color-mix(in srgb,var(--aura-accent-color) 20%,transparent);--app-primary-color-80pct: color-mix(in srgb,var(--aura-accent-color) 80%,transparent);--app-primary-color-active: var(--aura-accent-color);--app-space-2xs: calc(var(--vaadin-gap-xs) / 2);--app-success-color-20pct: color-mix(in srgb,var(--aura-green) 20%,transparent);--app-tint: var(--aura-surface-color);--app-tint-40pct: color-mix(in srgb,var(--aura-surface-color) 40%,transparent);--app-tint-60pct: color-mix(in srgb,var(--aura-surface-color) 60%,transparent);--app-tint-70pct: color-mix(in srgb,var(--aura-surface-color) 70%,transparent);--app-tint-80pct: color-mix(in srgb,var(--aura-surface-color) 80%,transparent);--app-utility-transition-duration: 150ms;--app-utility-transition-timing-function: cubic-bezier(0.4,0,0.2,1)}.inline-icon-button{min-width: 0;padding: 0}html{--aura-accent-color-light: #c5292d;--aura-accent-color-dark: #ef777a;--aura-background-color-light: #ffffff;--aura-background-color-dark: #171717;--aura-font-family: "Inter",sans-serif;--aura-base-font-size: 14;--aura-app-layout-inset: 0px;--aura-base-radius: 2;--aura-base-size: 12;--aura-contrast-level: 2;--aura-overlay-surface-opacity: 1;--app-primary-color: #c5292d;--app-primary-color-rgb: 197,41,45;--app-primary-text-color: rgb(209,39,40);--app-primary-contrast-color: #ffffff;--app-primary-color-90pct: rgba(209,39,40,0.9);--app-primary-color-70pct: rgba(209,39,40,0.7);--app-primary-color-60pct: rgba(209,39,40,0.6);--app-primary-color-50pct: rgba(209,39,40,0.5);--app-primary-color-30pct: rgba(209,39,40,0.3);--app-primary-color-10pct: rgba(209,39,40,0.1);--app-success-color: #2ECC71;--app-success-text-color: rgb(46,204,113);--app-success-contrast-color: hsl(159,29%,10%);--app-success-color-50pct: rgba(46,204,113,0.5);--app-success-color-10pct: rgba(46,204,113,0.1);--app-warning-color: #f57c00;--app-warning-text-color: #e65100;--app-warning-contrast-color: #ffffff;--app-warning-color-90pct: rgba(245,124,0,0.9);--app-warning-color-70pct: rgba(245,124,0,0.7);--app-warning-color-60pct: rgba(245,124,0,0.6);--app-warning-color-50pct: rgba(245,124,0,0.5);--app-warning-color-30pct: rgba(245,124,0,0.3);--app-warning-color-10pct: rgba(245,124,0,0.1);--app-error-color: #B00020;--app-error-text-color: rgb(176,0,32);--app-error-contrast-color: #ffffff;--app-error-color-50pct: rgba(176,0,32,0.5);--app-error-color-10pct: rgba(176,0,32,0.1);--app-secondary-color: #78909c;--app-secondary-text-color: #546e7a;--app-secondary-contrast-color: #ffffff;--app-secondary-color-90pct: rgba(120,144,156,0.9);--app-secondary-color-70pct: rgba(120,144,156,0.7);--app-secondary-color-60pct: rgba(120,144,156,0.6);--app-secondary-color-50pct: rgba(120,144,156,0.5);--app-secondary-color-30pct: rgba(120,144,156,0.3);--app-secondary-color-10pct: rgba(120,144,156,0.1);--app-shade: hsl(0,0%,10%);--app-shade-5pct: rgba(26,26,26,0.05);--app-shade-10pct: rgba(26,26,26,0.1);--app-shade-20pct: rgba(26,26,26,0.2);--app-shade-30pct: rgba(26,26,26,0.3);--app-shade-40pct: rgba(26,26,26,0.4);--app-shade-50pct: rgba(26,26,26,0.5);--app-shade-60pct: rgba(26,26,26,0.6);--app-shade-70pct: rgba(26,26,26,0.7);--app-shade-80pct: rgba(26,26,26,0.8);--app-shade-90pct: rgba(26,26,26,0.9);--app-header-text-color: #1a1a1a;--app-body-text-color: #333333;--app-tertiary-text-color: #4a4a4a;--app-disabled-text-color: #757575;--app-contrast-5pct: rgba(0,0,0,0.05);--app-contrast-10pct: rgba(0,0,0,0.1);--app-font-family: 'Inter',sans-serif;--app-font-size: 0.875rem;--app-font-weight: 500;--app-base-color: #ffffff;--app-tint-5pct: rgba(248,250,252,0.05);--app-tint-10pct: rgba(248,250,252,0.1);--app-tint-20pct: rgba(248,250,252,0.2);--app-tint-30pct: rgba(248,250,252,0.3);--app-tint-50pct: rgba(248,250,252,0.5);--app-tint-90pct: rgba(248,250,252,0.9);--app-contrast-5pct: rgba(15,23,42,0.05);--app-contrast-10pct: rgba(15,23,42,0.1);--app-contrast-20pct: rgba(15,23,42,0.2);--app-contrast-25pct: rgba(15,23,42,0.25);--app-contrast-30pct: rgba(15,23,42,0.3);--app-contrast-50pct: rgba(15,23,42,0.5);--app-contrast-90pct: rgba(15,23,42,0.9);--app-font-size: 1rem;--app-font-size-xxxl: 1.75rem;--app-font-size-xxl: 1.375rem;--app-font-size-xl: 1.125rem;--app-font-size-l: 1rem;--app-font-size-m: 0.875rem;--app-font-size-s: 0.8125rem;--app-font-size-xs: 0.75rem;--app-font-size-xxs: 0.6875rem;--app-border-radius: 0.5em;--app-size-xl: 2.5rem;--app-size-l: 2rem;--app-size-m: 1.75rem;--app-size-s: 1.5rem;--app-size-xs: 1.25rem;--app-space-xl: 1.75rem;--app-space-l: 1.125rem;--app-space-m: 0.5rem;--app-space-s: 0.25rem;--app-space-xs: 0.125rem;--vaadin-input-field-label-font-weight:550;--app-header-bar-height: 3rem;--custom-mini-sidebar-display: none;--app-display-action-button: none;--app-disply-picker-action-part:none;--vaadin-input-field-placeholder-color:var(--app-shade-30pct);--app-required-field-indicator: '\2600';--vaadin-input-field-readonly-border: 1px dashed var(--app-contrast-20pct);--vaadin-input-field-background: var(--app-base-color);--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--app-contrast-25pct);--vaadin-input-field-value-font-weight: 500}::-webkit-scrollbar{width: 0.3125rem;height: 0.625rem}.committed{color: var(--app-success-color)}.uncommitted{color: var( --app-secondary-color)}::-webkit-scrollbar-track{background: #f1f1f1}::-webkit-scrollbar-thumb{background: #fde9e9}.screen-view{overflow-y:auto}.folder-item{color: #cccc00;width: 1rem;height: 1rem;flex-shrink: 0}.folder-text{flex: 1 1 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.icon-tab{margin-right: 0.5rem}.edit-view-title{font-size: 1.5rem;font-weight: 700}.menu-icon .purple{color: rgb(147 51 234 / var(--tw-text-opacity,1))}.set-item{color: var(--app-primary-color)}.field-item{color: var(--app-primary-color)}.field-item-link{color: #df0070}.header-column{border-bottom: solid 1px var(--app-shade-10pct);text-align: center}.header-group{font-weight: 700;text-align: center;align-self: center}vaadin-multi-select-combo-box-chip.pink{background: var(--app-primary-color-10pct);color: var(--app-primary-color);border-radius: 0.5rem}vaadin-integer-field input[type="number"]{text-align: end}vaadin-big-decimal-field input[type="text"]{text-align: end}.badge-wrapper{position: relative;display: inline-block}.filter-count-badge{position: absolute;top: -0.75rem;right: -0.5rem;font-weight: bold;border-radius: 50%;padding: 0.625rem;width: 1.875rem;height: 1.875rem}.wizard-panel-actions{margin-top: auto;width: 100%}.tab-count-badge{display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 0.4em calc(0.5em + var(--app-border-radius-s) / 4);color: var(--app-primary-text-color);background-color: var(--app-primary-color-10pct);font-family: var(--app-font-family);font-size: var(--app-font-size-s);line-height: 1;text-transform: initial;letter-spacing: initial;min-width: calc(var(--app-line-height-xs) * 1em + 0.45em);flex-shrink: 0;border-radius: 50%;font-weight: bold}.link{color: var(--app-primary-color);cursor: pointer;font-weight: 600;transition: color 0.2s ease-in-out,text-decoration-color 0.2s ease-in-out}.link:hover{text-decoration: underline;color: var(--app-primary-color-90pct);text-decoration-color: var(--app-primary-color-50pct)}.link:active{color: var(--app-primary-color-50pct)}.text-clamp-2{display: -webkit-box !important;-webkit-line-clamp: 2 !important;line-clamp: 2 !important;-webkit-box-orient: vertical !important;overflow: hidden !important;text-overflow: ellipsis !important;width: 100% !important;max-width: 100% !important;word-wrap: break-word !important;overflow-wrap: break-word !important;word-break: break-word !important;white-space: normal !important;line-height: 1.5em !important;max-height: calc(1.5em * 2) !important;box-sizing: border-box !important;hyphens: auto;color: var(--app-contrast-70pct)}vaadin-grid-cell-content .text-clamp-2,vaadin-grid-cell-content .text-clamp-2 *{white-space: normal !important}vaadin-grid-cell-content vbox#root{width: 100% !important;min-width: 0 !important;max-width: 100% !important}vaadin-grid-cell-content hbox#fieldObjectContainer,vaadin-grid-cell-content hbox#fieldItemContainer{width: 100% !important;min-width: 0 !important;max-width: 100% !important;box-sizing: border-box !important}.grid-data-edit-inline vaadin-grid-cell-content{width: 100% !important;min-width: 0 !important;max-width: 100% !important;box-sizing: border-box !important}.grid-data-edit-inline vaadin-grid-cell-content vaadin-grid-tree-toggle{width: 100% !important;min-width: 0 !important;max-width: 100% !important;display: flex !important;box-sizing: border-box !important}.grid-data-edit-inline vaadin-grid-cell-content vaadin-grid-tree-toggle vaadin-horizontal-layout{width: 100% !important;min-width: 0 !important;max-width: 100% !important;flex: 1 1 auto !important;box-sizing: border-box !important;overflow: visible !important}.grid-data-edit-inline vaadin-grid-cell-content>*{width: 100% !important;min-width: 0 !important;max-width: 100% !important;box-sizing: border-box !important}.grid-data-edit-inline vaadin-grid-cell-content vaadin-horizontal-layout{width: 100% !important;min-width: 0 !important;max-width: 100% !important;box-sizing: border-box !important;flex: 1 1 auto !important}.grid-data-edit-inline vaadin-grid-cell-content>fragment{width: 100% !important;min-width: 0 !important;max-width: 100% !important;display: block !important;box-sizing: border-box !important}vbox#root>div.text-clamp-2{width: 100% !important;min-width: 0 !important;max-width: 100% !important}.tag-pill{display: inline-flex;align-items: center;gap: 0.25rem;padding: 0.15rem 0.6rem;border-radius: 62.4375rem;border: 1px solid var(--app-primary-color);background-color: var(--app-primary-color-10pct);color: var(--app-primary-text-color);font-size: var(--app-font-size-s);line-height: 1;white-space: nowrap}.tag-pill-icon{color: inherit}.tag-pill-label{font-weight: 500}.tier-pill{display: inline-flex;align-items: center;justify-content: center;min-width: 4.5rem;padding: 0.2rem 0.8rem;border-radius: 62.4375rem;font-size: var(--app-font-size-s);font-weight: 500}.tier-pill--1{color: var(--app-primary-color);background-color: var(--app-primary-color-10pct)}.tier-pill--2{color: var(--app-info-color);background-color: var(--app-info-color-10pct)}.tier-pill--3{color: var(--app-success-color);background-color: var(--app-success-color-10pct)}.tier-pill--4{color: var(--app-warning-color);background-color: var(--app-warning-color-10pct)}.tier-pill--5{color: var(--app-error-color);background-color: var(--app-error-color-10pct)}.meta-status-pill{display: inline-flex;align-items: center;justify-content: center;min-width: 4.5rem;padding: 0.2rem 0.8rem;border-radius: 62.4375rem;font-size: var(--app-font-size-xs);font-weight: 600;text-transform: capitalize}.meta-status-pill.new{color: var(--app-primary-color);background-color: var(--app-primary-color-10pct)}.meta-status-pill.published{color: var(--app-success-color);background-color: var(--app-success-color-10pct)}.meta-status-pill.processing{color: var(--app-info-color);background-color: var(--app-info-color-10pct)}.meta-status-pill.cancel,.meta-status-pill.stop{color: var(--app-error-color);background-color: var(--app-error-color-10pct)}.process-status-pill{display: inline-flex;align-items: center;justify-content: center;min-width: 5.5rem;padding: 0.2rem 0.9rem;border-radius: 62.4375rem;font-size: var(--app-font-size-xs);font-weight: 600;text-transform: capitalize}.process-status-pill.draft{color: var(--app-secondary-text-color);background-color: var(--app-contrast-5pct)}.process-status-pill.approved{color: var(--app-success-color);background-color: var(--app-success-color-10pct)}.process-status-pill.rejected{color: var(--app-error-color);background-color: var(--app-error-color-10pct)}.process-status-pill.sumitted,.process-status-pill.under_review{color: var(--app-primary-color);background-color: var(--app-primary-color-10pct)}.process-status-pill.changes_requested{color: var(--app-warning-color);background-color: var(--app-warning-color-10pct)}.badge-red,.badge-orange,.badge-yellow,.badge-green,.badge-blue,.badge-indigo,.badge-violet,.badge-grey,.badge-black{display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 0.4em calc(0.5em + var(--app-border-radius-s) / 4);border-radius: 62.4375rem;font-family: var(--app-font-family);font-size: var(--app-font-size-s);line-height: 1;font-weight: 500;text-transform: initial;letter-spacing: initial;min-width: calc(var(--app-line-height-xs) * 1em + 0.45em);flex-shrink: 0;white-space: nowrap;transition: background-color 0.2s ease,color 0.2s ease}.badge-red{color: #DC2626;background-color: rgba(220,38,38,0.1)}.text-red{color: #DC2626}.badge-orange{color: #EA580C;background-color: rgba(234,88,12,0.1)}.text-orange{color: #EA580C}.badge-yellow{color: #CA8A04;background-color: rgba(202,138,4,0.1)}.text-yellow{color: #CA8A04}.badge-green{color: #16A34A;background-color: rgba(22,163,74,0.1)}.text-green{color: #16A34A}.badge-blue{color: #2563EB;background-color: rgba(37,99,235,0.1)}.text-blue{color: #2563EB}.sync-stat-card{flex: 1;min-width: 0;padding: var(--app-space-s) var(--app-space-m);border: 1px solid var(--app-contrast-10pct);border-radius: var(--app-border-radius-l);background: var(--app-base-color);box-shadow: 0 1px 2px rgba(0,0,0,0.04);transition: box-shadow 0.2s ease,border-color 0.2s ease,transform 0.2s ease}.sync-stat-card:hover{box-shadow: 0 4px 12px rgba(0,0,0,0.08);transform: translateY(-1px)}.sync-stat-label{font-size: var(--app-font-size-xxs);font-weight: 600;letter-spacing: 0.04em;color: var(--app-secondary-text-color);text-transform: uppercase}.sync-stat-value{margin: 0;font-size: var(--app-font-size-xxl);font-weight: 700;line-height: 1.1;color: var(--app-primary-text-color)}.sync-legend{display: inline-flex;align-items: center;gap: 1rem;flex-wrap: wrap;font-size: var(--app-font-size-s);color: var(--app-secondary-text-color)}.sync-legend-item{display: inline-flex;align-items: center;gap: 0.35rem;cursor: default}.sync-legend-dot{width: 0.7rem;height: 0.7rem;border-radius: 50%;display: inline-block;flex-shrink: 0}.sync-legend-dot.new{background: #16A34A}.sync-legend-dot.changed{background: #CA8A04}.sync-legend-dot.deleted{background: #DC2626}.sync-source-header{flex-wrap: nowrap;gap: 0.4rem;align-items: center}.sync-source-header>*{white-space: nowrap;flex-shrink: 0}.sync-source-header h4{margin: 0}.sync-header-group{margin-left: 1.5rem}.sync-progress-row{gap: 0.85rem;flex-wrap: nowrap;padding: 0.4rem 0}.sync-progress-row>span{flex-shrink: 0;white-space: nowrap}.sync-progress-time{font-variant-numeric: tabular-nums;color: var(--app-secondary-text-color);min-width: 2.5rem;text-align: right}.sync-progress-label{color: var(--app-secondary-text-color)}.sync-progress-result{gap: 0.5rem;white-space: nowrap}.badge-indigo{color: #4F46E5;background-color: rgba(79,70,229,0.1)}.text-indigo{color: #4F46E5}.badge-violet{color: #7C3AED;background-color: rgba(124,58,237,0.1)}.text-violet{color: #7C3AED}.badge-grey{color: #6B7280;background-color: rgba(107,114,128,0.1)}.text-grey{color: #6B7280}.badge-black{color: #FFFFFF;background-color: rgba(0,0,0,0.8)}.text-black{color: #000000}.badge-red-strong,.badge-orange-strong,.badge-yellow-strong,.badge-green-strong,.badge-blue-strong,.badge-indigo-strong,.badge-violet-strong,.badge-grey-strong,.badge-black-strong,.badge-red-light,.badge-orange-light,.badge-yellow-light,.badge-green-light,.badge-blue-light,.badge-indigo-light,.badge-violet-light,.badge-grey-light,.badge-black-light{display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 0.4em calc(0.5em + var(--app-border-radius-s) / 4);border-radius: 62.4375rem;font-family: var(--app-font-family);font-size: var(--app-font-size-s);line-height: 1;font-weight: 500;text-transform: initial;letter-spacing: initial;min-width: calc(var(--app-line-height-xs) * 1em + 0.45em);flex-shrink: 0;white-space: nowrap;transition: background-color 0.2s ease,color 0.2s ease}.badge-red-strong{background-color: #DC2626;color: #FFFFFF}.badge-orange-strong{background-color: #EA580C;color: #FFFFFF}.badge-yellow-strong{background-color: #CA8A04;color: #FFFFFF}.badge-green-strong{background-color: #16A34A;color: #FFFFFF}.badge-blue-strong{background-color: #2563EB;color: #FFFFFF}.badge-indigo-strong{background-color: #4F46E5;color: #FFFFFF}.badge-violet-strong{background-color: #7C3AED;color: #FFFFFF}.badge-grey-strong{background-color: #6B7280;color: #FFFFFF}.badge-black-strong{background-color: #000000;color: #FFFFFF}.badge-red-light{background-color: rgba(220,38,38,0.1);color: #DC2626}.badge-orange-light{background-color: rgba(234,88,12,0.1);color: #EA580C}.badge-yellow-light{background-color: rgba(202,138,4,0.1);color: #CA8A04}.badge-green-light{background-color: rgba(22,163,74,0.1);color: #16A34A}.badge-blue-light{background-color: rgba(37,99,235,0.1);color: #2563EB}.badge-indigo-light{background-color: rgba(79,70,229,0.1);color: #4F46E5}.badge-violet-light{background-color: rgba(124,58,237,0.1);color: #7C3AED}.badge-grey-light{background-color: rgba(107,114,128,0.1);color: #6B7280}.badge-black-light{background-color: rgba(0,0,0,0.1);color: #000000}.meta-sync-status-pill{display: inline-flex;align-items: center;justify-content: center;min-width: 5rem;padding: 0.35rem 0.9rem;border-radius: 62.4375rem;font-size: var(--app-font-size-xs);font-weight: 600;text-transform: uppercase;letter-spacing: 0.025em;line-height: 1.2;white-space: nowrap;transition: all 0.2s ease;border: 1px solid transparent;box-shadow: 0 1px 0.125rem rgba(0,0,0,0.05)}.meta-sync-status-pill.new{color: #16a34a;background-color: #dcfce7;border-color: rgba(22,163,74,0.2)}.meta-sync-status-pill.new:hover{background-color: #bbf7d0;border-color: rgba(22,163,74,0.3)}.meta-sync-status-pill.changed{color: #ea580c;background-color: #fff7ed;border-color: rgba(234,88,12,0.2)}.meta-sync-status-pill.changed:hover{background-color: #ffedd5;border-color: rgba(234,88,12,0.3)}.meta-sync-status-pill.deleted{color: #dc2626;background-color: #fee2e2;border-color: rgba(220,38,38,0.2)}.meta-sync-status-pill.deleted:hover{background-color: #fecaca;border-color: rgba(220,38,38,0.3)}.meta-sync-status-pill.unchanged{color: #6b7280;background-color: #f3f4f6;border-color: rgba(107,114,128,0.15)}.meta-sync-status-pill.unchanged:hover{background-color: #e5e7eb;border-color: rgba(107,114,128,0.25)}.meta-sync-status-pill.synced{color: #059669;background-color: #d1fae5;border-color: rgba(5,150,105,0.2)}.meta-sync-status-pill.synced:hover{background-color: #a7f3d0;border-color: rgba(5,150,105,0.3)}.meta-sync-status-pill.un_synced,.meta-sync-status-pill.unsynced{color: #d97706;background-color: #fef3c7;border-color: rgba(217,119,6,0.2)}.meta-sync-status-pill.un_synced:hover,.meta-sync-status-pill.unsynced:hover{background-color: #fde68a;border-color: rgba(217,119,6,0.3)}.meta-sync-status-pill.not-exist,.meta-sync-status-pill.not_exist{color: #4b5563;background-color: #e5e7eb;border-color: rgba(75,85,99,0.2)}.meta-sync-status-pill.not-exist:hover,.meta-sync-status-pill.not_exist:hover{background-color: #d1d5db;border-color: rgba(75,85,99,0.3)}vaadin-grid::part(received){color: #2563EB;background-color: rgba(37,99,235,0.1);display: inline-flex;align-items: center;justify-content: center;min-width: 4.5rem;padding: 0.2rem 0.8rem;border-radius: 62.4375rem;font-size: var(--app-font-size-xs);font-weight: 600;text-transform: capitalize}.kpi-card{border: 1px solid var(--app-contrast-10pct);border-radius: var(--app-border-radius-l);background: var(--app-base-color);padding: var(--app-space-m) var(--app-space-l);min-height: 5rem;box-shadow: 0 1px 2px rgba(0,0,0,0.04);transition: box-shadow 0.15s ease-in-out}.kpi-card:hover{box-shadow: 0 2px 6px rgba(0,0,0,0.08)}.kpi-card .text-xs{font-weight: 600}:host{--summary-card-bg: var(--app-base-color);--summary-card-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1);--card-border-radius: 1rem;--filter-bg: var(--app-contrast-5pct)}.meta-set-list-view-header-container{margin-bottom: var(--app-space-l)}.meta-set-list-view-screen-title{margin: 0;font-size: 1.75rem;font-weight: 700;color: var(--app-primary-text-color)}.meta-set-list-view-screen-subtitle{font-size: 0.9rem;margin-top: var(--app-space-xs);color: var(--app-secondary-text-color)}.meta-set-list-view-summary-panel{display: flex;gap: var(--app-space-l);flex-wrap: wrap;width: 100%}.meta-set-list-view-summary-card{background-color: var(--summary-card-bg);border-radius: 1rem;padding: var(--app-space-m);box-shadow: var(--summary-card-shadow);flex: 1;min-width: 12.5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;transition: transform 0.2s ease}.meta-set-list-view-summary-panel .totalallgroup{background: linear-gradient(135deg,rgb(127,183,249) 0%,rgb(163,203,255) 100%);box-shadow: rgba(0,0,0,0.08) 0rem 0.125rem 0.5rem;transform: perspective(62.5rem) rotateY(4deg);transform-style: preserve-3d;border-bottom: 1px solid rgb(163,203,255)}.meta-set-list-view-summary-panel .processgroup{background: linear-gradient(135deg,rgb(77,190,122) 0%,rgb(110,211,142) 100%);box-shadow: rgba(0,0,0,0.2) 0rem 0.375rem 0.75rem;transform: perspective(62.5rem) translateZ(0.375rem);transform-style: preserve-3d;border-bottom: 1px solid rgb(110,211,142)}.meta-set-list-view-summary-panel .publicgroup{background: linear-gradient(135deg,rgb(247,126,126) 0%,rgb(251,164,164) 100%);box-shadow: rgba(0,0,0,0.08) 0rem 0.125rem 0.5rem,rgba(0,0,0,0.2) 0rem 0rem 1.25rem;transform: perspective(62.5rem) translateZ(0.5rem);transform-style: preserve-3d;border: 1px solid rgb(224,80,80);border-bottom: 1px solid rgb(251,164,164)}.meta-set-list-view-summary-panel .cancelgroud{background: linear-gradient(135deg,rgb(246,212,124) 0%,rgb(248,225,160) 100%);box-shadow: rgba(0,0,0,0.08) 0rem 0.125rem 0.5rem;transform: perspective(62.5rem) rotateX(3deg);transform-style: preserve-3d;border-bottom: 1px solid rgb(248,225,160)}.meta-set-list-view-summary-card:hover{transform: translateY(-0.125rem)}.meta-set-list-view-summary-card h4{margin: 0 0 var(--app-space-s) 0;color: var(--app-secondary-text-color);font-weight: 500;font-size: 0.9rem}.meta-set-list-view-summary-card .summary-value{font-size: 1.75rem;font-weight: 600;color: var(--app-primary-color)}.meta-set-list-view-summary-card{flex: 0 0 calc(25% - 2*var(--app-space-m));max-width: calc(25% - 2*var(--app-space-m));box-sizing: border-box}@media screen and (max-width: 64rem){.meta-set-list-view-summary-card{flex: 0 0 calc(50% - var(--app-space-s));max-width: calc(50% - var(--app-space-s))}}@media screen and (max-width: 37.5rem){.meta-set-list-view-summary-card{flex: 0 0 100%;max-width: 100%}}.meta-set-list-view-filter-panel{display: flex;gap: var(--app-space-m);flex-wrap: wrap;align-items: center;background-color: var(--filter-bg);border-radius: var(--card-border-radius);padding: var(--app-space-m);padding-top: 0rem}.meta-set-list-view-filter-panel>*{flex: 1;min-width: 12.5rem}.meta-set-list-view-filter-panel .search-field{background-color: var(--app-base-color);border-radius: var(--app-border-radius-m)}.meta-set-list-view-filter-panel .search-advanced-button{max-width: 12.5rem;margin-left: auto}.meta-set-list-view-quick-filter{display: flex;gap: var(--app-space-s);margin-bottom: var(--app-space-m);flex-wrap: wrap}.meta-set-list-view-quick-filter>button{background-color: transparent;border: 1px solid var(--app-contrast-20pct);border-radius: var(--app-border-radius-m);color: var(--app-secondary-text-color);font-weight: 500;padding: var(--app-space-xs) var(--app-space-m);cursor: pointer;transition: all 0.2s ease}.meta-set-list-view-quick-filter>button:hover{background-color: var(--app-contrast-5pct)}.meta-set-list-view-quick-filter>button.active{background-color: var(--app-primary-color-10pct);border-color: var(--app-primary-color);color: var(--app-primary-text-color)}.meta-set-list-view-meta-sets-grid{border-radius: var(--card-border-radius);box-shadow: var(--summary-card-shadow);overflow: hidden}.meta-set-list-view-meta-sets-grid::part(header-cell){background-color: var(--app-primary-color-10pct);font-weight: 600}.meta-set-list-view-meta-sets-grid::part(row):nth-child(even){background-color: var(--app-contrast-5pct)}.meta-set-list-view-buttons-panel{display: flex;gap: var(--app-space-s);margin-top: var(--app-space-m);justify-content: space-between;align-items: center}.meta-set-list-view-buttons-panel>:first-child{margin-right: auto}@media (max-width: 48rem){.meta-set-list-view-filter-panel>*{min-width: 100%}.meta-set-list-view-summary-card{min-width: 100%}.meta-set-list-view-search-advanced-button{max-width: 100%}}.meta-pack-list-summary-grid::part(items){gap: var(--app-space-l);grid-template-columns: repeat(auto-fit,minmax(12rem,16rem));justify-content: center}.meta-pack-list-summary-grid .uppercase{font-weight: 600}.meta-pack-list-summary-grid h2{font-weight: 700}breadcrumb ol,breadcrumb li{align-items: center}.breadcrumb-separator{opacity: 0.7;pointer-events: none}breadcrumb a{font-size: var(--app-font-size-s);color: var(--primitive-pri-color-neutral-modern-600);line-height: 1.25rem;font-family: 'InterVariable',sans-serif;font-weight: 500;padding: 0.25rem 0.5rem}breadcrumb label{font-size: var(--app-font-size-s);font-family: 'InterVariable',sans-serif;font-weight: 500;letter-spacing: -0.009375rem;color: var(--primitive-pri-color-neutral-modern-600);line-height: 1.25rem;padding: 0.25rem 0.5rem}.icon-home-breadcrumb{cursor: pointer;letter-spacing: -0.009375rem}.jmix-main-view-section{background: white}.jmix-list-menu .jmix-menu-item:hover{background: #ffeeee}.jmix-list-menu .jmix-menu-item,.jmix-list-menu vaadin-details-summary{border-radius: 0}.jmix-list-menu{--jmix-list-menu-item-font-size: var(--app-font-size-m)}.jmix-list-menu .jmix-menubar-item .menubar-summary{font-size: var(--jmix-list-menu-item-font-size)}.jmix-list-menu a.jmix-menu-item[data-mdc-active]{background: var(--app-primary-color-10pct);color: var(--app-primary-text-color);font-weight: 600;border-left: 3px solid var(--app-primary-color)}.jmix-list-menu vaadin-details-summary:hover{background: #ffeeee}.jmix-list-menu vaadin-details-summary{padding: var(--app-space-m)}.jmix-list-menu .jmix-menubar-item{padding: var(--app-space-s) 0;margin: 0}.jmix-list-menu a.jmix-menu-item,.jmix-list-menu vaadin-button.jmix-menu-item{gap: var(--app-space-s);padding: var(--app-space-m);text-decoration: none;color: inherit;cursor: pointer;align-items: center}.header-menu-sidebar{background-color: var(--app-primary-color);color: white;height:6.25rem}.jmix-main-view-application-title{color: white!important}.jmix-main-view-application-title-base-link{color: white}.jmix-list-menu .jmix-menu-item vaadin-icon.prefix-component,.jmix-list-menu .jmix-menubar-item .jmix-menubar-summary-icon-container vaadin-icon.prefix-component,.jmix-horizontal-menu-content-item vaadin-icon.prefix-component{width: var(--app-icon-size-s);height: var(--app-icon-size-s);color: var(--app-primary-color-90pct)}.custom-mini-sidebar{display: var(--custom-mini-sidebar-display);top: 4rem;left: 0;height: 92vh;width: 4.75rem!important;position: absolute;padding: 0}.custom-mini-sidebar>.mini-sidebar-container{height: 100%;width: 4.75rem;border-bottom: 1px solid;border-color: var(--app-contrast-10pct);padding: 0}.custom-mini-sidebar>.footer-mini{bottom: 50rem}.mini-sidebar-container>vaadin-menu-bar::part(container){flex-direction: column;z-index: 999}vaadin-menu-bar-button span.text-component{display: none !important}vaadin-menu-bar-overlay.multi-button[closing],vaadin-menu-bar-overlay.multi-button[opening]{animation: fadein .14s}@keyframes fadein{0%{opacity: 0}66%{opacity: 0}100%{opacity: 1}}vaadin-app-layout{--app-main-header-height: 2.5rem;--_vaadin-app-layout-drawer-width: var(--vaadin-app-layout-drawer-width,16rem);--_vaadin-app-layout-drawer-offset-size: 20rem;--_vaadin-app-layout-navbar-offset-size: var(--app-main-header-height) !important;padding-top: var(--app-main-header-height)}vaadin-app-layout [drawer-opened]{--vaadin-app-layout-drawer-offset-left: var(--_vaadin-app-layout-drawer-offset-size) !important}vaadin-app-layout::part(drawer){transform: translateX(0%);visibility: visible;top: var(--app-main-header-height)}vaadin-app-layout:not([drawer-opened]){padding-inline-start: 4.75rem;--_vaadin-app-layout-drawer-width: 4.75rem}vaadin-app-layout:not([drawer-opened])>section.jmix-main-view-section{display: none}vaadin-app-layout:not([drawer-opened]){--custom-mini-sidebar-display: flex}vaadin-tabs[orientation='horizontal']{--vaadin-tabs-background: transparent;--vaadin-tabs-gap: 0;--vaadin-tabs-padding: 0;--vaadin-tab-border-radius: 0;width: fit-content;max-width: 100%;border-radius: 0}vaadin-tabs[orientation='horizontal']::part(tabs){margin: 0;padding: 0}vaadin-tab{--vaadin-tab-background: transparent;--vaadin-tab-border-color: transparent;--vaadin-tab-border-width: 0;--vaadin-tab-padding: 0.375rem 0.75rem;box-sizing: border-box;border: 0;border-bottom: 2px solid transparent;border-radius: 0;box-shadow: none;cursor: pointer;color: var(--app-body-text-color);font-size: 0.875rem;font-weight: 400}vaadin-tab[selected]{--vaadin-tab-background: transparent;--vaadin-tab-border-color: transparent;--vaadin-tab-border-width: 0;border-bottom-color: var(--app-primary-color);color: var(--app-primary-color);font-weight: 500;box-shadow: none}.section-title{color: #1e2225;font-size: 0.875rem;font-weight: 500}jmix-tabsheet{--vaadin-tabsheet-gap: 0;--vaadin-tabsheet-padding: 0;box-sizing: border-box;min-width: 0;max-width: 100%}jmix-tabsheet::part(tabs-container){border-bottom: 1px solid var(--app-contrast-10pct)}jmix-tabsheet::part(content){box-sizing: border-box;min-width: 0;max-width: 100%;padding: var(--app-space-s) 0}jmix-tabsheet>[slot='content']{box-sizing: border-box;min-width: 0;max-width: 100%}.api-response-root{min-height: 0;overflow: hidden}jmix-tabsheet.api-response-tabs::part(content){min-height: 0;overflow: hidden;padding: 0}jmix-tabsheet.api-response-tabs>[slot='content']{height: 100%;min-height: 0;overflow: hidden}jmix-tabsheet.meta-set-detail-tabs{--vaadin-tabsheet-gap: 0;--vaadin-tabsheet-padding: 0;min-width: 0;max-width: 100%}jmix-tabsheet.meta-set-detail-tabs::part(tabs-container){border-bottom: 1px solid var(--app-contrast-10pct)}jmix-tabsheet.meta-set-detail-tabs vaadin-tabs[orientation='horizontal']{--vaadin-tab-border-radius: 0;--vaadin-tabs-background: transparent;--vaadin-tabs-gap: 0;--vaadin-tabs-padding: 0;width: fit-content;max-width: 100%;border-radius: 0}jmix-tabsheet.meta-set-detail-tabs vaadin-tabs[orientation='horizontal']::part(tabs){margin: 0;padding: 0}jmix-tabsheet.meta-set-detail-tabs vaadin-tabs[orientation='horizontal']>vaadin-tab{--vaadin-tab-background: transparent;--vaadin-tab-border-color: transparent;--vaadin-tab-border-width: 0;--vaadin-tab-padding: 0.375rem 0.75rem;box-sizing: border-box;border: 0;border-bottom: 2px solid transparent;border-radius: 0;box-shadow: none;color: var(--app-body-text-color);font-size: var(--app-font-size-m);font-weight: 400}jmix-tabsheet.meta-set-detail-tabs vaadin-tabs[orientation='horizontal']>vaadin-tab[selected]{--vaadin-tab-background: transparent;--vaadin-tab-border-color: transparent;--vaadin-tab-border-width: 0;border-bottom-color: var(--app-primary-color);box-shadow: none;color: var(--app-primary-color);font-weight: 500}.meta-set-detail-tab-content,.meta-set-detail-common{box-sizing: border-box;min-width: 0;max-width: 100%}.meta-set-detail-common{--vaadin-input-field-required-indicator: '*';--vaadin-input-field-required-indicator-color: var(--app-error-color);--vaadin-input-field-value-font-size: var(--app-font-size-m);--vaadin-input-field-helper-font-size: var(--app-font-size-s);--vaadin-input-field-error-font-size: var(--app-font-size-s);overflow-x: hidden}.meta-set-detail-common [required]::part(required-indicator){color: var(--app-error-color);font-size: var(--app-required-indicator-font-size);font-weight: 700;line-height: 1}.meta-set-detail-common>vaadin-details,.meta-set-detail-common vaadin-form-layout{box-sizing: border-box;min-width: 0;max-width: 100%}.meta-set-detail-common .meta-set-publish-layout{box-sizing: border-box;min-width: 0;max-width: 100%}.meta-set-detail-common .meta-set-publish-layout>vaadin-form-layout{flex: 1 1 0}.meta-set-detail-common .meta-set-publish-layout>.meta-set-publish-status{flex: 0 1 9rem;min-width: 0}.meta-pack-detail-content,.meta-pack-detail-content>vaadin-form-layout,.meta-pack-detail-content>vaadin-details,.meta-pack-publish-layout{box-sizing: border-box;min-width: 0;max-width: 100%}.meta-pack-publish-layout{flex-wrap: wrap}.meta-pack-publish-layout>vaadin-form-layout{flex: 1 1 28rem;min-width: 0}.meta-pack-publish-layout>.meta-pack-publish-status{flex: 0 1 10rem;min-width: 0}.meta-pack-publish-dialog::part(header),.meta-pack-publish-dialog .jmix-dialog-window-header-wrapper{display: none}.meta-pack-publish-dialog::part(content){padding: 0}.meta-pack-publish-dialog-content{box-sizing: border-box;gap: 0.75rem !important;padding: var(--lumo-space-l)}.meta-pack-publish-dialog-header{box-sizing: border-box;gap: var(--lumo-space-m)}.meta-pack-publish-dialog-title{min-width: 0;margin: 0;font-size: 1.25rem !important;font-weight: 700;line-height: 1.4;overflow-wrap: anywhere}.meta-pack-publish-dialog-close{flex: 0 0 auto;min-width: 2rem;min-height: 2rem;padding: 0;border: 1px solid var(--app-contrast-20pct);border-radius: 50%}.meta-pack-publish-dialog-message{margin: 0;font-size: 1.5rem !important;font-weight: 700;line-height: 1.35}.meta-pack-publish-dialog-content vaadin-text-area::part(label){font-size: 1rem;font-weight: 600}.meta-pack-publish-dialog-actions{box-sizing: border-box;width: 100%;justify-content: flex-end;margin-top: 0.5rem !important}.meta-pack-tier-reset-dialog::part(header),.meta-pack-tier-reset-dialog .jmix-dialog-window-header-wrapper{display: none}.meta-pack-tier-reset-dialog::part(content){padding: 0}.meta-pack-tier-reset-content{gap: 1rem;padding: 1.25rem 1.5rem}.meta-pack-tier-reset-title{margin: 0;font-size: 1.25rem;line-height: 1.45}.meta-pack-tier-reset-title-row{gap: 1rem}.meta-pack-tier-reset-close{flex: 0 0 auto;min-width: 1.9rem;min-height: 1.9rem;padding: 0;border: 1px solid var(--app-contrast-20pct);border-radius: 50%}.meta-pack-tier-reset-selection-hint{color: var(--app-secondary-text-color)}.meta-pack-tier-reset-section{box-sizing: border-box;width: 100%;gap: 0.3rem;padding: 0.8rem 1rem;border: 1px solid var(--app-contrast-10pct);border-radius: 0.5rem;background: var(--app-contrast-5pct)}.meta-pack-tier-reset-section-heading{font-weight: 700;color: var(--app-header-text-color)}.meta-pack-tier-reset-changes{max-height: min(24rem,calc(100vh - 17rem));overflow-y: auto}.meta-pack-tier-reset-field-row{box-sizing: border-box;border-top: 1px solid var(--app-contrast-10pct);line-height: 1.45}.meta-pack-tier-reset-field-row-content{gap: 0.75rem;padding: 0.45rem 0.7rem}.meta-pack-tier-reset-field-row vaadin-checkbox{flex: 0 0 auto}.meta-pack-tier-reset-field-name{min-width: 0;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.meta-pack-tier-reset-tier-change{flex: 0 0 auto;gap: 0.35rem;padding: 0.2rem 0.45rem;border-radius: 999px;background: var(--app-base-color)}.meta-pack-tier-reset-tier-icon{min-width: 1.25rem}.meta-pack-tier-reset-tier-arrow{width: 0.85rem;height: 0.85rem;margin: 0 0.2rem;color: var(--app-secondary-text-color)}.meta-pack-tier-reset-parent-constraint{display: block;padding: 0 0.7rem 0.45rem 2.7rem;color: var(--app-warning-text-color);font-size: var(--app-font-size-xs)}.register-pack-field-list-pane,.register-pack-field-detail-pane{box-sizing: border-box;min-width: 0}.register-pack-detail-tabs,.register-pack-config-root,.register-pack-field-split{min-height: 0;min-width: 0}.register-pack-field-detail-pane{max-height: calc(100dvh - 18rem);overflow-x: hidden;overflow-y: auto;padding-right: 0.5rem}.register-pack-field-detail-pane vaadin-form-layout,.register-pack-field-note{max-width: 100%;min-width: 0}.register-pack-field-summary{box-sizing: border-box;gap: var(--app-space-m,0.5rem);min-height: 2.75rem;padding: 0.5rem 0.75rem;border: 1px solid var(--app-contrast-10pct,rgba(15,23,42,0.1));border-top: 0;background: var(--app-tint-30pct,rgba(248,250,252,0.3))}.register-pack-field-summary-item{gap: 0.375rem;white-space: nowrap}.register-pack-field-summary-label{color: var(--app-tertiary-text-color,#4a4a4a);font-size: var(--app-font-size-m,0.875rem)}.register-pack-field-summary-value{color: var(--app-primary-text-color,#d12728);font-size: var(--app-font-size-l,1rem);font-weight: 700}.register-pack-field-note{box-sizing: border-box;display: block;width: 100%;margin-top: 0.75rem;padding: 0.75rem 1rem;border-left: 3px solid var(--app-primary-color,#c5292d);border-radius: 0.25rem;background: var(--app-primary-color-10pct,rgba(209,39,40,0.1));color: var(--app-body-text-color,#333333);line-height: 1.45;overflow-wrap: anywhere}.register-pack-field-note p{margin: 0}.register-pack-field-note ul{margin: 0.375rem 0;padding-left: 1.25rem}@media (max-width: 70rem){.register-pack-field-detail-pane{max-height: calc(100dvh - 15rem)}}.user-profile-metadata{gap: var(--app-space-s);padding: 0.25rem 1rem 0.75rem;color: var(--app-tertiary-text-color)}.user-profile-header{gap: 0;padding: 0.35rem 0.9rem 0.25rem;background: transparent}.user-profile-dialog::part(header){display: none}.user-profile-dialog::part(content){padding: 0;background-color: #fffaf0;background-image: linear-gradient( 90deg,rgba(255,253,248,0.58) 0%,rgba(255,253,248,0.64) 68%,rgba(255,253,248,0.84) 100%),url("/public/images/profile_background.png");background-position: center;background-repeat: no-repeat;background-size: cover}.user-profile-title-row{justify-content: space-between}.user-profile-dialog .jmix-dialog-window-header-wrapper{display: flex;width: 100%;align-items: center}.user-profile-dialog .jmix-dialog-window-header-content{flex: 1 1 auto}.user-profile-dialog .jmix-dialog-window-close-button{margin-left: auto}.user-profile-header h3{margin: 0;color: var(--app-header-text-color);font-size: 1.1rem;font-weight: 700}.user-profile-header-close{min-width: 1.7rem;min-height: 1.7rem;padding: 0;border: 1px solid var(--app-contrast-20pct);border-radius: 50%;color: var(--app-header-text-color);font-size: 1.25rem;font-weight: 600;line-height: 1}.user-profile-header-close::part(label){line-height: 1}.user-profile-metadata [theme~="badge"]{background: #fff1f1;border: 1px solid #f3c8c9;color: #b82024}.user-profile-content{border-top: 1px solid var(--app-contrast-10pct);min-height: 29rem}.user-profile-form-panel{box-sizing: border-box;gap: 0;padding: 0.5rem 1rem 0.75rem}.user-profile-section{box-sizing: border-box;gap: 0.45rem;padding: 0.75rem 0;border-bottom: 1px solid var(--app-contrast-10pct)}.user-profile-security-section{border-bottom: 0}.user-profile-section-heading{gap: 0.4rem;color: var(--app-primary-color-90pct)}.user-profile-section-heading vaadin-icon{width: 1.05rem;height: 1.05rem;color: var(--app-primary-text-color)}.user-profile-section-heading h4{margin: 0}.user-profile-form-panel vaadin-form-layout{column-gap: 0.55rem;row-gap: 0.35rem}.user-profile-form-panel vaadin-text-field::part(input-field),.user-profile-form-panel vaadin-combo-box::part(input-field){min-height: 2rem;border-radius: 0.35rem;background: rgba(255,255,255,0.68)}.user-profile-form-panel vaadin-text-field[readonly]::part(input-field),.user-profile-form-panel vaadin-combo-box[readonly]::part(input-field){background: rgba(255,255,255,0.5);border-style: dashed}.user-profile-form-panel vaadin-form-layout + vaadin-horizontal-layout,.user-profile-security-section>vaadin-horizontal-layout{gap: 0.4rem;color: var(--app-tertiary-text-color)}.user-profile-avatar-panel{box-sizing: border-box;gap: 0.8rem;padding: 1rem 1.2rem;border-left: 1px solid #e6c98e;background: linear-gradient(180deg,#faecd6 0%,#fffdf8 50%,#faecd6 100%);color: #3f3f3f}.user-profile-avatar-preview{position: relative;align-items: center;justify-content: center;padding: 0.35rem 0 0.65rem}.user-profile-avatar-circle{box-sizing: border-box;width: 9rem !important;min-width: 9rem;max-width: 9rem;height: 9rem !important;min-height: 9rem;max-height: 9rem;flex: 0 0 9rem;align-items: center;justify-content: center;border: 1px solid #dba73c;border-radius: 50%;background: radial-gradient(circle at 50% 30%,#f5f1eb,#d9d1c5);box-shadow: inset 0 0 0 0.25rem #fff;overflow: hidden}.user-profile-avatar-circle vaadin-icon{width: 4.75rem;height: 4.75rem;color: #aaa196}.user-profile-avatar-circle img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover}.user-profile-avatar-badge{position: absolute;right: calc(50% - 4.3rem);bottom: 0.9rem;width: 2.1rem !important;min-width: 2.1rem;max-width: 2.1rem;height: 2.1rem !important;min-height: 2.1rem;max-height: 2.1rem;align-items: center;justify-content: center;margin: 0;border: 2px solid #ffffff;border-radius: 50%;background: #d99e11;color: #ffffff;box-shadow: 0 0.08rem 0.2rem rgba(126,89,0,0.24)}.user-profile-avatar-badge vaadin-icon{width: 1.3rem;height: 1.3rem;color: #ffffff}.gov-upload-section{display: flex;flex-direction: column;gap: 0.65rem;align-items: stretch;padding-bottom: 0.85rem;border-bottom: 1px solid #e6c98e;color: var(--app-tertiary-text-color)}.gov-file-upload::part(upload-button){display: flex;width: 100%;height: 2.75rem;padding-inline: 1rem;justify-content: center;border: 1px dashed #e59a9b;border-radius: 0.4rem;background: rgba(255,255,255,0.58);color: var(--app-primary-color);font-size: 0.95rem;font-weight: 600}.user-profile-avatar-content .gov-file-upload{align-self: center;width: 100%;max-width: 13.25rem}.gov-file-upload::part(upload-button) vaadin-icon{color: var(--app-primary-color)}.gov-upload-section vaadin-horizontal-layout{gap: 0.35rem}.gov-upload-section vaadin-icon{width: 0.95rem;height: 0.95rem;color: var(--app-contrast-80pct)}.user-profile-section vaadin-horizontal-layout:not(.user-profile-section-heading) vaadin-icon,.user-profile-action-bar vaadin-icon{width: 0.95rem;height: 0.95rem;color: var(--app-contrast-80pct)}.user-profile-avatar-panel h4{margin: 0.2rem 0;color: var(--app-primary-color)}.user-profile-avatar-panel .user-profile-section-heading,.user-profile-avatar-panel .user-profile-section-heading vaadin-icon{color: var(--app-primary-color)}.user-profile-avatar-content{align-items: center;text-align: center}.user-profile-avatar-content .user-profile-section-heading{width: 100%;align-items: center;justify-content: center}.user-profile-avatar-content .gov-upload-section>vaadin-vertical-layout,.user-profile-avatar-guidance{align-self: stretch;align-items: flex-start;text-align: left}.user-profile-avatar-content .gov-upload-section vaadin-horizontal-layout{justify-content: flex-start}.user-profile-avatar-guidance>div{width: 100%;text-align: left}.user-profile-avatar-content .gov-avatar-status{max-width: 16rem;text-align: left}.user-profile-guidance-heading{gap: 0.4rem}.user-profile-guidance-heading vaadin-icon{width: 1rem;height: 1rem;color: var(--app-primary-text-color)}.gov-avatar-status{display: grid;box-sizing: border-box;width: 100%;gap: 0.45rem;padding: 0.75rem;border: 1px solid #f1e3d1;border-radius: 0.45rem;border-color: #ead8bb;background: #fffdf9;color: var(--app-text-color)}.gov-status-item{display: flex;align-items: center;gap: 0.35rem}.gov-status-item vaadin-icon{width: 0.9rem;height: 0.9rem;color: var(--app-contrast-70pct)}.gov-status-item:first-child vaadin-icon{color: var(--app-success-text-color)}.gov-status-value.verified{color: #2e9c5a}.user-profile-action-bar{box-sizing: border-box;min-height: 3.25rem;padding: 0.65rem 0.8rem;border-top: 1px solid var(--app-contrast-10pct);background: transparent;color: var(--app-tertiary-text-color)}.user-profile-action-bar vaadin-button[theme~="primary"]{border-radius: 0.4rem;box-shadow: 0 0.15rem 0.35rem rgba(197,41,45,0.2)}.user-profile-action-bar vaadin-button[theme~="primary"] vaadin-icon{color: var(--app-primary-contrast-color)}.user-profile-action-bar vaadin-button[theme~="tertiary"]{border: 1px solid var(--app-primary-color);border-radius: 0.4rem;color: var(--app-primary-text-color)}.user-profile-action-bar vaadin-button[theme~="tertiary"] vaadin-icon{color: var(--app-primary-text-color)}@media (max-width: 700px){.user-profile-content{min-height: 0}.user-profile-avatar-panel{border-top: 1px solid var(--app-contrast-10pct);border-left: 0}}vaadin-notification-card{--vaadin-notification-width: min(64ch,calc(100vw - 2rem))}vaadin-notification-card[theme="success"]::part(overlay){background: #beffc1 !important;color: #005c00}vaadin-notification-card[theme="warning"]::part(overlay){background: #fff2a3 !important;color: #775300}vaadin-notification-card[theme~='warning'] .jmix-text-layout-closeable .title,vaadin-notification-card[theme~='warning'] .jmix-text-layout .title{color: #775300}vaadin-grid::part(row):hover{--vaadin-grid-cell-background: #f8faff;--app-display-action-button:inline-block}vaadin-grid::part(row ){--app-display-action-button:inline-block}vaadin-grid::part(last-row){border-bottom: solid 1px var(--app-shade-10pct)}.my-grid-row-action{display: var(--app-display-action-button);gap: var(--app-space-m)}.my-grid-row-button{--vaadin-icon-size: 1.375rem;color: var(--app-primary-color);font-size: 1.375rem;padding: 0.0625rem;width: 1.375rem !important;height: 1.375rem !important;min-width: 1.375rem;min-height: 1.375rem;flex: 0 0 auto}.my-grid-row-button:hover{background: var(--app-primary-color-10pct);border-radius: var(--app-border-radius-s)}vaadin-grid::part(column-top){border-bottom: none}vaadin-grid::part(column-default){border-top: none;margin-top: -0.625rem}vaadin-grid>vaadin-grid-cell-content{padding: 0.5rem 1rem;line-height: unset}vaadin-grid::part(header-cell){background: #FFEDCC!important}vaadin-grid::part(normal-header-hightlight){background-color: #fff3f3;padding: 0rem;text-align: center}vaadin-grid::part(source-header-hightlight){background-color: #f3f3ff;padding: 0rem;text-align: center}vaadin-grid::part(destination-header-hightlight){background-color: #f5fff5;padding: 0rem;text-align: center}vaadin-grid::part(datagrid-row-error){color: red}.grid-data-edit-inline{--vaadin-grid-row-selected-background-color: rgba(255,213,213,0.6)}.grid-data-edit-inline>vaadin-grid-cell-content{padding: 0 0.2rem!important;line-height: unset}.grid-data-input-field{alignment-baseline: top!important;align-self: start}.grid-data-input-field::part(normal-header-hightlight){background-color: #f3f6ff;padding: 0rem;text-align: center}.grid-data-input-field::part(input-field){border-radius: 0;box-shadow:inset 0 0 0 0.5 var(--app-contrast-10pct);background-color:var(--app-base-color);border-bottom: solid 1px var(--app-contrast-20pct)!important}.grid-data-input-field[readonly]::part(input-field){border-radius: 0;border:0rem!important;box-shadow:inset 0 0 0 0 var(--app-contrast-10pct);background-color:var(--app-base-color);--vaadin-input-field-readonly-border: none}.grid-data-input-field[required]:not([has-value])::part(input-field){border-bottom: solid 1px red!important}.grid-data-input-field[invalid]::part(input-field){border-bottom: solid 0.125rem red;background: #ffebef}.grid-data-input-field::part(error-message){display: none}vaadin-grid-tree-toggle{--vaadin-grid-tree-toggle-level-offset: 1em}vaadin-grid[selected] [part~="cell"]{background-color: transparent !important}vaadin-grid::part(badge-cell){display: inline-flex;justify-content: center;align-items: center;padding: 0 0.375rem;border-radius: 0.625rem;font-weight: 600;line-height: 1;height: 1.125rem;margin: 0.125rem auto;box-sizing: border-box}vaadin-grid::part(NEW){background-color: rgba(248,239,250,0.6);color: #dd00ff}vaadin-grid::part(COMPLETED){background-color: rgba(233,238,255,0.6);color: #0066ff}vaadin-grid::part(PENDING){background-color: rgba(234,255,233,0.6);color: #00ff22}vaadin-grid::part(CANCEL){background-color: rgba(255,233,233,0.6);color: red}cancel{}.filter-form-spacing vaadin-form-item{margin-bottom: var(--app-space-m)}.filter-form-spacing vaadin-form-item::part(label){padding-inline-end: var(--app-space-m)}.filter-form-spacing jmix-property-filter,.filter-form-spacing vaadin-text-field,.filter-form-spacing vaadin-combo-box,.filter-form-spacing vaadin-select,.filter-form-spacing vaadin-date-picker,.filter-form-spacing vaadin-date-time-picker,.filter-form-spacing jmix-entity-picker{width: 100%}.filter-form-spacing vaadin-date-time-picker vaadin-date-picker{margin-inline-end: var(--app-space-xs)}.filter-form-spacing vaadin-date-time-picker vaadin-time-picker{margin-inline-start: var(--app-space-xs)}.api-setting-summary-url-row{box-sizing: border-box;min-width: 0;max-width: 100%;overflow: hidden}.api-setting-summary-url{box-sizing: border-box;display: block;flex: 1 1 auto;width: 100%;min-width: 0;max-width: 100%;white-space: normal;overflow-wrap: anywhere;word-break: break-word}vaadin-dialog-overlay::part(header){background: #FFEDCC}vaadin-dialog-overlay[theme~="token-manage-detail"]::part(header){display: none}#scroller::-webkit-scrollbar{width: 0.75rem;background-color: #f0f0f0}#scroller::-webkit-scrollbar-thumb{background-color: #81f424;border-radius: 0.375rem}:host #scroller::-webkit-scrollbar{width: 0.75rem;background-color: #f0f0f0}:host #scroller::-webkit-scrollbar-thumb{background-color: #888;border-radius: 0.375rem}vaadin-side-nav[theme~="rail"]{--vaadin-side-nav-child-background-color: var(--app-base-color);--vaadin-side-nav-child-border-radius: var(--app-border-radius-m);--vaadin-side-nav-child-box-shadow: var(--app-box-shadow-xs);--vaadin-side-nav-child-indent: 0rem;--vaadin-side-nav-child-margin: calc((var(--vaadin-side-nav-width) + var(--app-space-xs)) / -1) 0 0 var(--vaadin-side-nav-width);--vaadin-side-nav-child-min-width: auto;--vaadin-side-nav-child-padding: var(--app-space-xs) 0;--vaadin-side-nav-child-position: absolute;--vaadin-side-nav-child-z-index: 1;--vaadin-side-nav-content-padding: 0;--vaadin-side-nav-toggle-display: none;--vaadin-side-nav-width: calc(var(--app-icon-size-m) + (var(--app-space-s) * 2));width: var(--vaadin-side-nav-width)}vaadin-side-nav[theme~="top"]{--vaadin-side-nav-child-background-color: var(--app-base-color);--vaadin-side-nav-child-border-radius: var(--app-border-radius-m);--vaadin-side-nav-child-box-shadow: var(--app-box-shadow-xs);--vaadin-side-nav-child-indent: 0rem;--vaadin-side-nav-child-min-width: -webkit-fill-available;--vaadin-side-nav-child-padding: var(--app-space-xs) 0;--vaadin-side-nav-child-position: absolute;--vaadin-side-nav-child-z-index: 1}vaadin-side-nav[theme~="top"]::part(children){display: flex}vaadin-side-nav[theme~="top"] vaadin-side-nav-item{position: relative}vaadin-side-nav-item[has-children]::part(content){padding-inline-end: var(--vaadin-side-nav-content-padding,var(--app-space-s))}vaadin-side-nav-item::part(toggle-button){display: var(--vaadin-side-nav-toggle-display,block)}vaadin-side-nav-item::part(children){background-color: var(--vaadin-side-nav-child-background-color,transparent);border-radius: var(--vaadin-side-nav-child-border-radius,0rem);box-shadow: var(--vaadin-side-nav-child-box-shadow,none);margin: var(--vaadin-side-nav-child-margin,0);min-width: var(--vaadin-side-nav-child-min-width,auto);padding: var(--vaadin-side-nav-child-padding,0rem);position: var(--vaadin-side-nav-child-position,static);z-index: var(--vaadin-side-nav-child-z-index,auto)}nav.stepper ul{counter-reset: step}nav.stepper li{counter-increment: step}nav.stepper a>*:first-child:empty::before{content: counter(step)}nav.stepper li::before{border-inline-start: 1px solid var(--app-utility-border-color,var(--app-contrast-30pct));content: "";inset: calc(100% - var(--app-space-s)) auto calc(var(--app-space-s) / -1) calc((var(--app-size-m) + var(--app-space-m)) / 2);position: absolute}nav.stepper[theme~="small"] li::before{inset: calc(100% - var(--app-space-s)) auto calc(var(--app-space-s) / -1) calc((var(--app-size-xs) + var(--app-space-m)) / 2)}nav.stepper li:last-child::before{content: none}@media (min-width: 64rem){nav.stepper[theme~="horizontal"] li::before{border-block-end: 1px solid var(--app-utility-border-color,var(--app-contrast-30pct));inset: 50% calc(var(--app-space-l) / -1) auto 100%}}vaadin-side-nav[theme~="rail"]{--vaadin-side-nav-child-background-color: var(--app-base-color);--vaadin-side-nav-child-border-radius: var(--app-border-radius-m);--vaadin-side-nav-child-box-shadow: var(--app-box-shadow-xs);--vaadin-side-nav-child-indent: 0rem;--vaadin-side-nav-child-margin: calc((var(--vaadin-side-nav-width) + var(--app-space-xs)) / -1) 0 0 var(--vaadin-side-nav-width);--vaadin-side-nav-child-min-width: auto;--vaadin-side-nav-child-padding: var(--app-space-xs) 0;--vaadin-side-nav-child-position: absolute;--vaadin-side-nav-child-z-index: 1;--vaadin-side-nav-content-padding: 0;--vaadin-side-nav-toggle-display: none;--vaadin-side-nav-width: calc(var(--app-icon-size-m) + (var(--app-space-s) * 2));width: var(--vaadin-side-nav-width)}vaadin-side-nav[theme~="top"]{--vaadin-side-nav-child-background-color: var(--app-base-color);--vaadin-side-nav-child-border-radius: var(--app-border-radius-m);--vaadin-side-nav-child-box-shadow: var(--app-box-shadow-xs);--vaadin-side-nav-child-indent: 0rem;--vaadin-side-nav-child-min-width: -webkit-fill-available;--vaadin-side-nav-child-padding: var(--app-space-xs) 0;--vaadin-side-nav-child-position: absolute;--vaadin-side-nav-child-z-index: 1}vaadin-side-nav[theme~="top"]::part(children){display: flex}vaadin-side-nav[theme~="top"] vaadin-side-nav-item{position: relative}vaadin-side-nav-item[has-children]::part(content){padding-inline-end: var(--vaadin-side-nav-content-padding,var(--app-space-s))}vaadin-side-nav-item::part(toggle-button){display: var(--vaadin-side-nav-toggle-display,block)}vaadin-side-nav-item::part(children){background-color: var(--vaadin-side-nav-child-background-color,transparent);border-radius: var(--vaadin-side-nav-child-border-radius,0rem);box-shadow: var(--vaadin-side-nav-child-box-shadow,none);margin: var(--vaadin-side-nav-child-margin,0);min-width: var(--vaadin-side-nav-child-min-width,auto);padding: var(--vaadin-side-nav-child-padding,0rem);position: var(--vaadin-side-nav-child-position,static);z-index: var(--vaadin-side-nav-child-z-index,auto)}vaadin-accordion-panel[opened]{max-height: 62.5rem;transition: max-height 0.3s;border-left: solid 0.125rem #fbc1c1;border-radius: 0.5rem}vaadin-accordion-panel:not([opened]){max-height: 3.125rem;transition: max-height 0.3s}vaadin-accordion-heading{background: #fff3f3;border-left: solid 0.125rem #fbc1c1;padding: 0.3125rem}vaadin-accordion-heading:hover{background: #fbc1c1}html{--vaadin-input-field-required-indicator: '*';--vaadin-input-field-required-indicator-color: var(--app-error-color,#b00020);--app-required-indicator-font-size: 1.125rem}[required]::part(required-indicator){color: var(--vaadin-input-field-required-indicator-color);font-size: var(--app-required-indicator-font-size);font-weight: 700;line-height: 1}::part(toggle-button)::before{display: var(--app-disply-picker-action-part)}::part(action-part){display: var(--app-disply-picker-action-part)}::part(input-field):hover{--app-disply-picker-action-part: flex}::part(input-field)[required]{border-bottom: solid 1px #B00020}.iframe{border: none !important}vaadin-connection-indicator{--lumo-primary-color: var(--app-primary-color);--material-primary-color: var(--app-primary-color)}.v-loading-indicator{position: fixed;top: 0;left: 0;right: 0;bottom: 0;pointer-events: auto;z-index: 2147483647;background-color: rgba(0,0,0,0.05)}.v-loading-content{position: absolute;top: 50%;left: 50%;translate: -50% -50%;display: flex;flex-direction: column;align-items: center;gap: var(--app-space-m)}.v-text-loading{color: var(--app-primary-color);font-weight: var(--finex-font-weight-semibold);font-size: var(--app-font-size-m)}.loader{width: 3rem;height: 3rem;border: 0.4375rem solid #D9D9D9;border-bottom-color: #DA2128;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 1s linear infinite}@keyframes rotation{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}.v-status-message{opacity: 0;width: 100%;overflow: hidden;background-color: var(--status-bg-color-online,var(--app-primary-color,var(--material-primary-color,blue)));color: var(--status-text-color-online,var(--app-primary-contrast-color,var(--material-primary-contrast-color,#fff)));transition: all 0.5s;position: fixed;z-index: 251;left: 0;right: auto;top: 0;display: none}.v-status-message.active{opacity: 100;position: fixed;top: 0;left: 0;width: 100%;height: 3.75rem;align-items: center;justify-content: center;z-index: 9999;background-color: #f8d7da;color:var(--finex-error-color);border: 1px solid #f5c6cb;border-radius: 0.3125rem;box-shadow: 0 0.25rem 0.375rem rgba(0,0,0,0.1);overflow: hidden;display: flex}.v-status-message.active::before{content: '';position: absolute;bottom: -0.125rem;left: 0;height: 0.5rem;width: 100%;background: linear-gradient(90deg,transparent 0%,var(--finex-error-color) 50%,transparent 100%);animation: slide 2s linear infinite}@keyframes slide{0%{transform: translateX(-100%)}100%{transform: translateX(100%)}}.meta-fields-root{background-color: var(--app-base-color) !important}.meta-fields-left-pane{background-color: var(--app-base-color) !important}.meta-fields-right-pane{background-color: var(--app-base-color) !important;border-left: 1px solid var(--app-contrast-10pct) !important;padding: var(--app-space-m) !important;box-sizing: border-box !important}.fields-toolbar{border-bottom: 1px solid var(--app-contrast-10pct);background-color: var(--app-contrast-5pct);flex-shrink: 0}.meta-fields-form{row-gap: var(--app-space-m) !important;column-gap: var(--app-space-l) !important}.meta-fields-form vaadin-text-field,.meta-fields-form vaadin-text-area,.meta-fields-form vaadin-select,.meta-fields-form vaadin-checkbox{background-color: var(--app-base-color) !important;border-radius: var(--app-border-radius-m) !important}.meta-fields-form vaadin-text-field::part(input-field),.meta-fields-form vaadin-text-area::part(input-field){background-color: var(--app-contrast-5pct) !important;border-radius: var(--app-border-radius-m) !important}.meta-fields-form vaadin-text-field::part(input-field):focus-within,.meta-fields-form vaadin-text-area::part(input-field):focus-within{box-shadow: 0 0 0 1px var(--app-primary-color-50pct) !important}.fields-tree-container{width: 100% !important;height: 100% !important;overflow-y: auto !important;overflow-x: hidden !important;padding: var(--app-space-xs) !important;background-color: var(--app-base-color) !important}.tree-node-container{width: 100% !important;min-width: 0 !important;box-sizing: border-box !important}.tree-node-row{width: 100% !important;min-width: 0 !important;box-sizing: border-box !important;padding: var(--app-space-xs) var(--app-space-s) !important;border-bottom: 1px solid var(--app-contrast-5pct) !important;cursor: pointer !important;transition: background-color 0.2s ease !important}.tree-node-row:hover{background-color: var(--app-contrast-5pct) !important}.tree-indent-spacer{flex-shrink: 0 !important;display: inline-block !important;min-width: 0 !important}.tree-expand-icon{flex-shrink: 0 !important;cursor: pointer !important;color: var(--app-contrast-50pct) !important;padding: var(--app-space-xs) !important;margin-right: var(--app-space-xs) !important;transition: color 0.2s ease,background-color 0.2s ease !important}.tree-expand-icon:hover{color: var(--app-primary-color) !important;background-color: var(--app-primary-color-10pct) !important;border-radius: var(--app-border-radius-s) !important}.tree-field-wrapper{width: 100% !important;min-width: 0 !important;max-width: 100% !important;flex: 1 1 auto !important;box-sizing: border-box !important;cursor: pointer !important;transition: background-color 0.2s ease !important}.tree-field-wrapper:hover{background-color: var(--app-contrast-5pct) !important}.tree-field-selected{background-color: var(--app-primary-color-10pct) !important;border-left: 0.1875rem solid var(--app-primary-color) !important;padding-left: var(--app-space-xs) !important}.tree-field-content{width: 100% !important;min-width: 0 !important;max-width: 100% !important;box-sizing: border-box !important}.tree-children-container{width: 100% !important;min-width: 0 !important;box-sizing: border-box !important;margin-left: 0 !important;padding-left: 0 !important}.field-item-main-content,.field-object-main-content{width: 100% !important;min-width: 0 !important;padding: var(--app-space-s) var(--app-space-m) !important;border-radius: var(--app-border-radius-m) !important;transition: background-color 0.15s ease,box-shadow 0.15s ease !important}.field-item-main-content:hover,.field-object-main-content:hover{background-color: var(--app-contrast-5pct) !important}.field-item-left-section,.field-object-left-section{flex: 1 1 auto !important;min-width: 0 !important}.field-item-name-metadata,.field-object-name-metadata{flex: 1 1 auto !important;min-width: 0 !important}.field-item-name,.field-object-name{font-size: var(--app-font-size-m) !important;font-weight: 600 !important;color: var(--app-body-text-color) !important;line-height: 1.5 !important;margin-bottom: 0.125rem !important;letter-spacing: -0.01em !important}.field-item-path-alias,.field-object-path-alias{font-size: 0.6875rem !important;color: var(--app-contrast-60pct) !important;line-height: 1.4 !important;margin-top: 0.125rem !important;margin-bottom: 0 !important;font-family: var(--app-font-family-mono) !important;opacity: 0.8 !important}.field-item-badges,.field-object-badges{flex-wrap: wrap !important;gap: var(--app-space-xs) !important}.field-badge{display: inline-flex !important;align-items: center !important;padding: 0.1875rem 0.5rem !important;border-radius: 0.25rem !important;font-size: 0.625rem !important;font-weight: 600 !important;line-height: 1.2 !important;background-color: var(--badge-color,var(--app-contrast-10pct)) !important;color: var(--badge-color,var(--app-body-text-color)) !important;border: none !important;text-transform: uppercase !important;letter-spacing: 0.01875rem !important;white-space: nowrap !important}.field-badge-data-type{background-color: var(--app-primary-color-10pct) !important;color: var(--app-primary-color) !important}.field-badge-primary-key{background-color: var(--app-error-color-10pct) !important;color: var(--app-error-color) !important}.field-badge-not-null{background-color: var(--app-warning-color-10pct) !important;color: var(--app-warning-color) !important}.field-badge-inactive{background-color: var(--app-contrast-10pct) !important;color: var(--app-contrast-50pct) !important;text-decoration: line-through !important}.field-badge-kind{background-color: var(--app-primary-color-10pct) !important;color: var(--app-primary-color) !important}.field-item-data-type-icon,.field-object-kind-icon{flex-shrink: 0 !important;margin-right: var(--app-space-s) !important;opacity: 0.9 !important;transition: opacity 0.15s ease,transform 0.15s ease !important}.field-item-main-content:hover .field-item-data-type-icon,.field-object-main-content:hover .field-object-kind-icon{opacity: 1 !important;transform: scale(1.05) !important}.field-item-default-value{font-size: var(--app-font-size-xs) !important;color: var(--app-contrast-60pct) !important;font-family: var(--app-font-family-mono) !important;font-style: italic !important;padding: 0.125rem 0.375rem !important;background-color: var(--app-contrast-5pct) !important;border-radius: var(--app-border-radius-s) !important}.field-item-info-icon,.field-object-info-icon{flex-shrink: 0 !important;color: var(--app-contrast-50pct) !important;transition: color 0.2s ease !important}.field-item-info-icon:hover,.field-object-info-icon:hover{color: var(--app-primary-color) !important}.field-item-right-section,.field-object-right-section{flex-shrink: 0 !important}.tree-drag-handle{flex-shrink: 0 !important;cursor: grab !important;color: var(--app-contrast-40pct) !important;font-size: var(--app-font-size-l) !important;padding: var(--app-space-xs) !important;margin-right: var(--app-space-xs) !important;user-select: none !important;transition: color 0.2s ease,background-color 0.2s ease !important;line-height: 1 !important}.tree-drag-handle:hover{color: var(--app-primary-color) !important;background-color: var(--app-primary-color-10pct) !important;border-radius: var(--app-border-radius-s) !important}.tree-drag-handle:active,.tree-drag-handle.dragging{cursor: grabbing !important;color: var(--app-primary-color) !important;background-color: var(--app-primary-color-20pct) !important}.tree-node-row.dragging{opacity: 0.5 !important;background-color: var(--app-primary-color-10pct) !important}.tree-drop-zone{width: 100% !important;height: 0.1875rem !important;margin: 0.125rem 0 !important;background-color: transparent !important;border-radius: var(--app-border-radius-s) !important;transition: all 0.2s ease !important;box-sizing: border-box !important}.tree-drop-zone.drag-over{height: 0.375rem !important;background-color: var(--app-primary-color-30pct) !important;border: 0.125rem dashed var(--app-primary-color) !important;margin: 1px 0 !important}.tree-drop-zone-before.drag-over{border-top: 0.125rem solid var(--app-primary-color) !important;background-color: var(--app-primary-color-20pct) !important}.tree-drop-zone-after.drag-over{border-bottom: 0.125rem solid var(--app-primary-color) !important;background-color: var(--app-primary-color-20pct) !important}.tree-children-container.drag-over{background-color: var(--app-primary-color-10pct) !important;border: 0.125rem dashed var(--app-primary-color) !important;border-radius: var(--app-border-radius-m) !important;padding: var(--app-space-xs) !important}.field-list-item{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0.25rem 0.5rem;box-sizing: border-box;margin-bottom: 0.375rem;background-color: #f7f7f7;border-radius: 0.25rem;color: #333;font-size: 0.8125rem;font-weight: 500;cursor: grab;user-select: none;transition: all 0.2s cubic-bezier(0.4,0,0.2,1);transform-origin: center center}.field-type-icon{display: inline-block;width: 1.5rem;height: 1.5rem;min-width: 1.5rem;background-color: black;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;cursor: auto}.field-type-icon:hover{background-color: var(--app-primary-color)}.field-type-icon.string{-webkit-mask-size: contain;mask-size: contain;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.91 16.14c-1.14 0-2.047-.671-2.047-1.843 0-1.375 1.215-1.621 2.328-1.766 1.094-.14 1.547-.117 1.547-.562 0-.778-.41-1.235-1.265-1.235-.88 0-1.36.47-1.563.907l-.875-.313c.469-1.094 1.5-1.406 2.406-1.406.766 0 2.22.219 2.22 2.125V16h-.923v-.812h-.047c-.187.39-.734.953-1.78.953m.14-.828c1.095 0 1.688-.734 1.688-1.484v-.844c-.156.188-1.203.297-1.593.344-.72.094-1.36.313-1.36 1.016 0 .64.531.969 1.266.969M9.799 16V8h.922v2.953h.078c.203-.312.562-1.031 1.734-1.031 1.516 0 2.563 1.203 2.563 3.094 0 1.906-1.047 3.109-2.547 3.109-1.157 0-1.547-.719-1.75-1.047h-.11V16zm.906-3c0 1.36.61 2.297 1.719 2.297 1.156 0 1.75-1.016 1.75-2.297 0-1.266-.578-2.25-1.75-2.25-1.125 0-1.72.906-1.72 2.25m7.684 3.125c-1.687 0-2.719-1.297-2.719-3.094 0-1.828 1.079-3.11 2.704-3.11 1.265 0 2.218.75 2.375 1.876h-.922c-.14-.547-.625-1.047-1.438-1.047-1.078 0-1.797.89-1.797 2.25 0 1.39.703 2.297 1.797 2.297.719 0 1.266-.39 1.438-1.047h.922c-.157 1.063-1.032 1.875-2.36 1.875'/%3E%3C/svg%3E")}.field-type-icon.number{-webkit-mask-size: 0.75rem;mask-size: 0.75rem;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.784 14l.42-4H4V8h4.415l.525-5h2.011l-.525 5h3.989l.525-5h2.011l-.525 5H20v2h-3.784l-.42 4H20v2h-4.415l-.525 5h-2.011l.525-5H9.585l-.525 5H7.049l.525-5H4v-2h3.784zm2.011 0h3.99l.42-4h-3.99l-.42 4z'/%3E%3C/svg%3E")}.field-type-icon.date{-webkit-mask-size: 0.875rem;mask-size: 0.875rem;-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='64 64 896 896' focusable='false' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%3E%3Cpath d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z'/%3E%3Cpath d='M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z'/%3E%3C/svg%3E")}.field-list-item::after{content: "";display: block;width: 1.25rem;height: 1.25rem;min-width: 1.25rem;margin-left: 0.5rem;background-color: rgb(178,178,178);-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M 8.666 12 a 1.333 1.333 0 1 0 2.667 0 a 1.333 1.333 0 0 0 -2.667 0 m 0 4.667 a 1.333 1.333 0 1 0 2.667 0 a 1.333 1.333 0 0 0 -2.667 0 m 0 -9.334 a 1.333 1.333 0 1 0 2.667 0 a 1.333 1.333 0 0 0 -2.667 0 M 12.666 12 a 1.333 1.333 0 1 0 2.667 0 a 1.333 1.333 0 0 0 -2.667 0 m 0 4.667 a 1.333 1.333 0 1 0 2.667 0 a 1.333 1.333 0 0 0 -2.667 0 m 0 -9.334 a 1.333 1.333 0 1 0 2.667 0 a 1.333 1.333 0 0 0 -2.667 0'/%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M 8.666 12 a 1.333 1.333 0 1 0 2.667 0 a 1.333 1.333 0 0 0 -2.667 0 m 0 4.667 a 1.333 1.333 0 1 0 2.667 0 a 1.333 1.333 0 0 0 -2.667 0 m 0 -9.334 a 1.333 1.333 0 1 0 2.667 0 a 1.333 1.333 0 0 0 -2.667 0 M 12.666 12 a 1.333 1.333 0 1 0 2.667 0 a 1.333 1.333 0 0 0 -2.667 0 m 0 4.667 a 1.333 1.333 0 1 0 2.667 0 a 1.333 1.333 0 0 0 -2.667 0 m 0 -9.334 a 1.333 1.333 0 1 0 2.667 0 a 1.333 1.333 0 0 0 -2.667 0'/%3E%3C/svg%3E");-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center}.field-list-item:hover{background-color: #e0e0e0;border-color: var(--app-primary-color);transform: scale(1.01);box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1);z-index: 1}.field-list-item:hover::after{background-color: var(--app-primary-color)}.field-list-item:active{cursor: grabbing;transform: scale(0.98);box-shadow: none}.config-panel{display: flex;flex-direction: column;gap: var(--app-space-xs);padding: var(--app-space-xs) var(--app-space-m) 0 var(--app-space-m);box-sizing: border-box;width: 100%;height: 100%;overflow-y: auto}.config-section{display: flex;flex-direction: column;gap: var(--app-space-xs);width: 100%}.config-header{display: flex;align-items: center;gap: var(--app-space-xs);width: 100%;min-height: var(--app-size-s)}.config-label{font-weight: 600;font-size: var(--app-font-size-s);color: var(--app-header-text-color);line-height: 1.3em}.config-info-icon{width: var(--app-size-s);height: var(--app-size-s);padding: 0;flex-shrink: 0;background-color: transparent}.config-info-icon:hover{color: var(--app-primary-color);border-radius: 50%}.config-sub-row{display: flex;align-items: center;margin-top: var(--app-space-xs);flex-wrap: wrap}.config-checkbox-mt{margin-top: var(--app-space-xs)}.chart-drop-zone{width: 100%;min-height: 3.125rem;box-sizing: border-box;padding: 0.375rem;margin-top: 0.25rem;border: 0.125rem dashed var(--app-contrast-30pct);border-radius: var(--app-border-radius);background-color: var(--app-contrast-5pct);display: flex;align-items: center;flex-wrap: wrap;gap: 0.375rem;justify-content: center;cursor: pointer;transition: all 0.2s ease}.chart-drop-zone.filled{justify-content: flex-start;background-color: var(--app-base-color);border: 0.125rem solid var(--app-primary-color-50pct)}.chart-drop-zone.drag-over{background-color: var(--app-primary-color-10pct) !important;border-color: var(--app-primary-color) !important;border-style: solid;transform: scale(1.01);box-shadow: 0 0 0 0.1875rem var(--app-primary-color-30pct)}.chart-drop-zone-chip{box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;padding: 0.25rem 0.5rem 0.25rem 0.75rem;gap: 0.375rem;border-radius: 1.25rem;background-color: var(--app-primary-color-10pct);border: 1px solid var(--app-primary-color-30pct);color: var(--app-primary-text-color);font-size: var(--app-font-size-s);font-weight: 600;line-height: 1.4;white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis;user-select: none;transition: all 0.2s}.chart-drop-zone-chip:hover{background-color: var(--app-primary-color-30pct);border-color: var(--app-primary-color)}.chart-chip-remove{display: inline-flex;align-items: center;justify-content: center;width: 1.125rem;height: 1.125rem;border-radius: 50%;font-size: 0.875rem;font-weight: bold;line-height: 1;color: var(--app-primary-color);opacity: 0.6;cursor: pointer;transition: all 0.2s}.chart-chip-remove:hover{background-color: var(--app-error-color-10pct);color: var(--app-error-text-color);opacity: 1}.chart-drop-zone-hint{color: var(--app-tertiary-text-color);font-size: var(--app-font-size-s);font-weight: 500;font-style: italic;pointer-events: none;user-select: none;display: flex;align-items: center;gap: 0.375rem}.chart-drop-zone-hint::before{content: "+";display: inline-flex;align-items: center;justify-content: center;width: 1.25rem;height: 1.25rem;background: var(--app-contrast-10pct);color: var(--app-secondary-text-color);border-radius: 50%;font-size: 1rem;font-weight: bold;line-height: 1}.hide-scrollbar::-webkit-scrollbar{display: none}.hide-scrollbar{-ms-overflow-style: none;scrollbar-width: none}.domain-main-box{border: solid 1px var(--app-contrast-10pct);width: 100%;border-radius: var(--app-border-radius-l);box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.1);display: flex;flex-direction: column;background-color: white;transition: transform 0.2s,box-shadow 0.2s}.domain-main-box:hover{transform: translateY(-0.25rem);box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.15)}.domain-main-box-header{padding: var(--app-space-m);display: flex;align-items: center;gap: var(--app-space-m);border-bottom: 1px solid var(--app-contrast-10pct)}.domain-main-box-header img{width: 4rem;height: 4rem;border-radius: var(--app-border-radius);object-fit: cover}.domain-main-box-header span{font-size: var(--app-font-size-l);font-weight: bold}.domain-main-box-header #totalSets{margin-left: auto;color: var(--app-secondary-text-color);font-size: var(--app-font-size-s);background-color: var(--app-contrast-5pct);padding: var(--app-space-xs) var(--app-space-s);border-radius: var(--app-border-radius-m);display: flex;align-items: center}.domain-main-box-body{padding: var(--app-space-m);color: var(--app-secondary-text-color);line-height: 1.5;flex-grow: 1}.domain-main-box-detail-label{color: var(--app-secondary-text-color)}.domain-main-box-footer{display: flex;justify-content: center;padding-bottom:var(--app-space-m);width: 100%}.domain-fragment-container{flex: 0 0 calc(33.333% - var(--app-space-l));max-width: calc(33.333% - var(--app-space-l));box-sizing: border-box}@media screen and (max-width: 64rem){.domain-fragment-container{flex: 0 0 calc(50% - var(--app-space-m));max-width: calc(50% - var(--app-space-m))}}@media screen and (max-width: 37.5rem){.domain-fragment-container{flex: 0 0 100%;max-width: 100%}}.home-page-banner{background: var(--app-primary-color);color: white;border-radius: var( --app-border-radius);padding: var(--app-space-m)}.home-page-banner>h1{color: white}.home-page-banner .small{color: white;font-size: 0.75rem;font-weight: 400}.homepage-summary-container{padding: var(--app-space-m);display: flex;align-items: center;gap: var(--app-space-m)}.homepage-summary-container .box{border: solid 1px var(--app-contrast-10pct);width: 100%;border-radius: var(--app-border-radius-l)}.homepage-summary-container .blue{background: #d1d1ff}.homepage-summary-container .green{background: #dcffd5}.homepage-summary-container .orange{background: #ffe5d5}.homepage-summary-container .violet{background: #f6d5ff}.homepage-summary-container .box{flex: 0 0 calc(25% - var(--app-space-m));max-width: calc(25% - var(--app-space-m));box-sizing: border-box}@media screen and (max-width: 64rem){.homepage-summary-container .box{flex: 0 0 calc(50% - var(--app-space-s));max-width: calc(50% - var(--app-space-s))}}@media screen and (max-width: 37.5rem){.homepage-summary-container .box{flex: 0 0 100%;max-width: 100%}}.home-page-banner-admin{background-color: #d32f2f;color: #fff;border-radius: 0.75rem;padding: 1.5rem 2rem;display: flex;flex-direction: column;gap: 0.75rem;box-shadow: 0 0.25rem 0.625rem rgba(62,62,62,0.2)}.home-page-banner-admin h1{font-size: 1.75rem;font-weight: 700;margin: 0;color: #fff}.home-page-banner-admin span{font-size: 1rem;opacity: 0.95}.home-page-banner-admin .small{display: flex;gap: 2rem;margin-top: 0.75rem;font-size: 0.9375rem;align-items: center}.home-page-banner-admin .small hbox{display: flex;align-items: center;gap: 0.375rem}.home-page-banner-admin .v-icon,.home-page-banner-admin icon{font-size: 1.125rem;color: #fff;opacity: 0.9}#mainBox{border: 1px solid var(--app-contrast-10pct);border-radius: 0.875rem;background-color: var(--app-base-color);box-shadow: 0 1px 0.25rem rgba(0,0,0,0.05)}.home-page-banner{border-bottom: 1px solid var(--app-contrast-10pct);background-color: var(--app-tint-5pct);border-top-left-radius: 0.875rem;border-top-right-radius: 0.875rem}.dash-card{border: 1px solid var(--app-contrast-10pct);border-radius: 0.875rem;background-color: var(--app-base-color);padding: 1.25rem;box-shadow: 0 0.125rem 0.375rem rgba(0,0,0,0.04);transition: transform 0.25s ease,box-shadow 0.25s ease}.dash-card:hover{transform: translateY(-2px);box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.08)}.dash-card-header{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;flex-wrap: wrap;margin-bottom: 0.75rem}.home-page-quick-access{border-top: 1px solid var(--app-contrast-10pct);background-color: var(--app-tint-5pct);border-bottom-left-radius: 0.875rem;border-bottom-right-radius: 0.875rem;padding: 1em 1.5em}.card-grid .vbox:not(:last-child),.hbox .vbox:not(:last-child){margin-right: 1em}.dashboardCards{gap: 1rem}.card-box{border-radius: 0.875rem;padding: 1rem 1.1rem;border: 1px solid transparent;box-shadow: 0 1px 0.1875rem rgba(15,23,42,0.08);transition: transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease;cursor: pointer;min-height: 7.75rem}.card-box:hover{transform: translateY(-0.25rem) scale(1.01);box-shadow: 0 0.625rem 1.375rem rgba(15,23,42,0.16)}.card-title{font-weight: 700;margin-bottom: 0.45rem;line-height: 1.25}.card-number{font-size: 1.8rem;font-weight: 800;line-height: 1.1;margin-bottom: 0.3rem}.small{font-size: 0.82rem;opacity: 0.9}.bg-blue{background-color: #e8f1ff;border-color: #c4dcff;color: #1f4ba8}.bg-green{background-color: #e9fff2;border-color: #bce8c1;color: #0d7a45}.bg-orange{background-color: #fff4e5;border-color: #ffd8a8;color: #ba6b00}.bg-purple{background-color: #f2ecff;border-color: #d7c8ff;color: #5a36b4}.text-blue-dark{color: #1f4ba8}.text-green-dark{color: #0d7a45}.text-orange-dark{color: #ba6b00}.text-violet-dark{color: #5a36b4}@media (max-width: 60rem){.dashboardCards{flex-wrap: wrap}.dashboardCards>.card-box{min-width: calc(50% - 0.5rem)}}.dash-page-title{font-size: 1.5rem;font-weight: 700;line-height: 1.3;margin: 0;color: var(--app-header-text-color)}.dash-page-subtitle{font-size: 0.875rem;line-height: 1.4;margin: 0;color: var(--app-secondary-text-color)}.dash-section-title{font-size: 1.125rem;font-weight: 600;line-height: 1.3;margin: 0;color: var(--app-header-text-color)}.dash-card-title{font-size: 1rem;font-weight: 600;line-height: 1.3;margin: 0;color: var(--app-header-text-color)}.dash-card-subtitle{font-size: 0.8125rem;line-height: 1.4;margin: 0;color: var(--app-secondary-text-color)}.dash-header-icon{font-size: 1.125rem;width: 1.125rem;height: 1.125rem;color: var(--app-secondary-text-color)}.dash-link{font-size: 0.8125rem;font-weight: 500;color: var(--app-secondary-text-color);cursor: pointer}.dash-link:hover{color: var(--app-body-text-color);text-decoration: underline}.dash-section{margin-top: 1.5rem}.dashboard-pack-grid{display: grid;gap: 1rem;grid-template-columns: repeat(3,minmax(0,1fr))}@media (max-width: 64rem){.dashboard-pack-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 42rem){.dashboard-pack-grid{grid-template-columns: 1fr}}.quick-btn{display: flex;align-items: center;justify-content: center;gap: 0.6em;font-size: 1.4em;font-weight: 700;border-radius: 0.875rem;padding: 1.5em;border: 1px solid transparent;transition: transform 0.3s ease,box-shadow 0.3s ease,background-color 0.3s ease,border-color 0.3s ease;cursor: pointer}.quick-btn:hover{transform: scale(1.08);box-shadow: 0 0.375rem 0.9375rem rgba(0,0,0,0.1)}.quick-btn-blue{--vaadin-button-background: #ffffff;--vaadin-button-border-color: #c7d2fe;background-color: var(--vaadin-button-background);border-color: var(--vaadin-button-border-color);color: #4338ca}.quick-btn-blue:hover{--vaadin-button-background: #eef2ff;--vaadin-button-border-color: #818cf8}.quick-btn-green{--vaadin-button-background: #ffffff;--vaadin-button-border-color: #a5f3fc;background-color: var(--vaadin-button-background);border-color: var(--vaadin-button-border-color);color: #0e7490}.quick-btn-green:hover{--vaadin-button-background: #ecfeff;--vaadin-button-border-color: #22d3ee}.quick-btn-orange{--vaadin-button-background: #ffffff;--vaadin-button-border-color: #fecdd3;background-color: var(--vaadin-button-background);border-color: var(--vaadin-button-border-color);color: #be123c}.quick-btn-orange:hover{--vaadin-button-background: #fff1f2;--vaadin-button-border-color: #fb7185}.connection-string-preview{width: 100%;background-color: var(--app-contrast-5pct);border: 1px solid var(--app-contrast-20pct);border-radius: var(--app-border-radius-m);padding: var(--app-space-m);overflow-x: auto}.connection-code{font-family: var(--app-font-family-mono);font-size: var(--app-font-size-xs);color: var(--app-body-text-color);white-space: pre-wrap;word-break: break-all;line-height: 1.5;margin: 0}.connection-test-title{font-size: var(--app-font-size-xl);font-weight: 700;color: var(--app-body-text-color);margin: 0}.connection-test-subtitle{font-size: var(--app-font-size-s);color: var(--app-secondary-text-color);margin-top: 0.25rem}.connection-test-button{flex-shrink: 0}.connection-status-banner{width: 100%;padding: var(--app-space-m);border-radius: var(--app-border-radius-m);margin-top: var(--app-space-m)}.connection-status-success{background-color: var(--app-success-color-10pct);border: 1px solid var(--app-success-color-50pct)}.connection-status-icon{color: var(--app-success-color);font-size: 1.5rem}.connection-status-title{font-size: var(--app-font-size-m);font-weight: 700;color: var(--app-success-color)}.connection-status-message{font-size: var(--app-font-size-s);color: var(--app-body-text-color);margin-top: 0.25rem}.connection-status-code{font-size: var(--app-font-size-s);font-weight: 600;color: var(--app-success-color);padding: 0.25rem 0.75rem;background-color: var(--app-success-color-20pct);border-radius: var(--app-border-radius-s)}.connection-detail-card{border: 1px solid var(--app-contrast-20pct);border-radius: var(--app-border-radius-m);background-color: var(--app-base-color)}.connection-detail-icon{color: var(--app-primary-color)}.connection-detail-label{font-size: var(--app-font-size-xs);color: var(--app-secondary-text-color);text-align: center}.connection-detail-value{font-size: var(--app-font-size-m);font-weight: 600;color: var(--app-body-text-color);text-align: center}.permission-checks-title{font-size: var(--app-font-size-m);font-weight: 600;color: var(--app-body-text-color);margin: 0}.permission-check-item{padding: var(--app-space-s) 0;border-bottom: 1px solid var(--app-contrast-10pct)}.permission-check-item:last-child{border-bottom: none}.permission-icon{font-size: 1.25rem;flex-shrink: 0}.permission-icon.permission-granted{color: var(--app-success-color)}.permission-icon.permission-denied{color: var(--app-error-color)}.permission-label{font-size: var(--app-font-size-s);font-weight: 500;color: var(--app-body-text-color)}.permission-sub-label{font-size: var(--app-font-size-xs);color: var(--app-secondary-text-color);margin-top: 0.125rem}.permission-status{font-size: var(--app-font-size-xs);font-weight: 600;padding: 0.125rem 0.5rem;border-radius: var(--app-border-radius-s)}.permission-granted-text{color: var(--app-success-color);background-color: var(--app-success-color-10pct)}.permission-denied-text{color: var(--app-error-color);background-color: var(--app-error-color-10pct)}.wizard-header{border-bottom: 1px solid var(--app-contrast-10pct);padding-bottom: var(--app-space-m)}.wizard-title{font-size: var(--app-font-size-xl);font-weight: 700;color: var(--app-body-text-color);margin: 0}.wizard-subtitle{font-size: var(--app-font-size-s);color: var(--app-secondary-text-color);margin-top: var(--app-space-xs)}.wizard-toolbar{border-bottom: 1px solid var(--app-contrast-10pct);background-color: var(--app-contrast-5pct)}.load-metasets-button{flex-shrink: 0}.search-field{flex: 1 1 auto;min-width: 12.5rem}.filter-select{min-width: 9.375rem}.changed-only-switch{flex-shrink: 0}.discovery-datagrid{flex: 1 1 auto;min-height: 0}.wizard-footer{border-top: 1px solid var(--app-contrast-10pct);background-color: var(--app-contrast-5pct)}.selected-count-badge{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.25rem 0.75rem;border-radius: var(--app-border-radius-m);background-color: var(--app-primary-color-10pct);border: 1px solid var(--app-primary-color-30pct);color: var(--app-primary-color);font-size: var(--app-font-size-xs);font-weight: 700}.items-count{font-size: var(--app-font-size-s);color: var(--app-secondary-text-color)}.detail-drawer{border-left: 1px solid var(--app-contrast-10pct);background-color: var(--app-base-color)}.drawer-header{border-bottom: 1px solid var(--app-contrast-10pct);background-color: var(--app-contrast-5pct)}.drawer-icon-container{width: 2.5rem;height: 2.5rem;border-radius: var(--app-border-radius-m);background-color: var(--app-primary-color-10pct);display: flex;align-items: center;justify-content: center;color: var(--app-primary-color)}.drawer-icon{font-size: 1.5rem}.drawer-title{font-size: var(--app-font-size-l);font-weight: 700;color: var(--app-body-text-color);margin: 0}.drawer-subtitle{font-size: var(--app-font-size-xs);color: var(--app-secondary-text-color);text-transform: uppercase;letter-spacing: 0.05em;font-weight: 600;margin-top: 0.125rem}.drawer-info-card{flex: 1 1 auto;background-color: var(--app-contrast-5pct);border-radius: var(--app-border-radius-m)}.drawer-info-label{font-size: var(--app-font-size-xs);color: var(--app-secondary-text-color);margin-bottom: 0.25rem}.drawer-info-value{font-size: var(--app-font-size-s);font-weight: 500;color: var(--app-body-text-color)}.drawer-section-header{border-bottom: 1px solid var(--app-contrast-10pct);background-color: var(--app-contrast-5pct)}.drawer-section-icon{color: var(--app-primary-color);font-size: var(--app-font-size-m)}.drawer-section-title{font-size: var(--app-font-size-s);font-weight: 600;color: var(--app-body-text-color);margin: 0}.fields-list-container{flex: 1 1 auto;min-height: 0;overflow: auto}.fields-tree-grid{width: 100%;height: 100%}.drawer-footer{border-top: 1px solid var(--app-contrast-10pct);background-color: var(--app-contrast-5pct)}.page-header{border-bottom: 1px solid var(--app-contrast-10pct);padding-bottom: var(--app-space-m)}.page-title{font-size: var(--app-font-size-xxl);font-weight: 700;color: var(--app-body-text-color);margin: 0}.page-subtitle{font-size: var(--app-font-size-s);color: var(--app-secondary-text-color);margin-top: var(--app-space-xs)}.fields-review-split{flex: 1 1 auto;min-height: 0;align-items: stretch}.metasets-list-panel{border-right: 1px solid var(--app-contrast-10pct);background-color: var(--app-base-color)}.panel-title{font-size: var(--app-font-size-m);font-weight: 700;color: var(--app-body-text-color);margin: 0}.count-badge{font-size: var(--app-font-size-xs);color: var(--app-secondary-text-color);background-color: var(--app-contrast-5pct);padding: 0.125rem 0.5rem;border-radius: var(--app-border-radius-m)}.metaset-search{width: 100%}.metasets-list-container{flex: 1 1 auto;min-height: 0;overflow-y: auto}.field-config-panel{background-color: var(--app-base-color);border: 1px solid var(--app-contrast-10pct);border-radius: var(--app-border-radius-l);overflow: hidden}.field-config-header{border-bottom: 1px solid var(--app-contrast-10pct);background-color: var(--app-base-color)}.config-title{font-size: var(--app-font-size-xl);font-weight: 700;color: var(--app-body-text-color);margin: 0;display: flex;align-items: center;gap: 0.5rem}.config-meta-set-name{color: var(--app-primary-color)}.config-subtitle{font-size: var(--app-font-size-s);color: var(--app-secondary-text-color);margin-top: 0.25rem}.field-toggles{padding-top: var(--app-space-s);flex-wrap: wrap}.toggle-divider{width: 1px;height: 1.5rem;background-color: var(--app-contrast-10pct);margin: 0 var(--app-space-s)}.fields-table-container{flex: 1 1 auto;min-height: 0;overflow: auto}.fields-datagrid{width: 100%;height: 100%}.sync-header{border-bottom: 1px solid var(--app-contrast-10pct);padding-bottom: var(--app-space-m)}.sync-header-badge{margin-bottom: var(--app-space-s)}.wizard-badge{font-size: var(--app-font-size-xs);font-weight: 700;color: var(--app-primary-color);background-color: var(--app-primary-color-20pct);padding: 0.25rem 0.5rem;border-radius: var(--app-border-radius-s);text-transform: uppercase;letter-spacing: 0.05em}.step-indicator{font-size: var(--app-font-size-s);color: var(--app-secondary-text-color);font-weight: 500}.sync-title{font-size: var(--app-font-size-xxxl);font-weight: 700;color: var(--app-body-text-color);margin: 0}.sync-subtitle{font-size: var(--app-font-size-m);color: var(--app-secondary-text-color);margin-top: var(--app-space-xs)}.sync-form{flex: 1 1 auto;overflow-y: auto}.sync-section{border-bottom: 1px solid var(--app-contrast-10pct);padding-bottom: var(--app-space-l)}.sync-section:last-child{border-bottom: none}.section-title{font-size: var(--app-font-size-xl);font-weight: 600;color: var(--app-body-text-color);margin: 0;padding-bottom: var(--app-space-s);border-bottom: 1px solid var(--app-contrast-10pct)}.sync-mode-options{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--app-space-m)}.sync-mode-card{border: 1px solid var(--app-contrast-10pct);border-radius: var(--app-border-radius-l);background-color: var(--app-base-color);cursor: pointer;transition: all 0.2s ease-in-out}.sync-mode-card:hover{border-color: var(--app-primary-color-50pct);background-color: var(--app-contrast-5pct)}.sync-mode-card-selected{border-color: var(--app-primary-color);background-color: var(--app-primary-color-5pct)}.sync-mode-radio{font-size: var(--app-font-size-s);font-weight: 500;color: var(--app-body-text-color)}.sync-mode-description{font-size: var(--app-font-size-s);color: var(--app-secondary-text-color);margin-top: 0.25rem}.cron-expression-box{margin-top: var(--app-space-m);background-color: var(--app-contrast-5pct);border: 1px solid var(--app-contrast-10pct);border-radius: var(--app-border-radius-l)}.cron-label{font-size: var(--app-font-size-s);font-weight: 500;color: var(--app-body-text-color)}.cron-generator-link{font-size: var(--app-font-size-xs);color: var(--app-primary-color);text-decoration: underline}.cron-input{width: 100%;font-family: var(--app-font-family-mono)}.cron-description{font-size: var(--app-font-size-xs);color: var(--app-secondary-text-color)}.scan-options-list{display: flex;flex-direction: column;gap: var(--app-space-s)}.versioning-policy-box{background-color: var(--app-base-color);border: 1px solid var(--app-contrast-10pct);border-radius: var(--app-border-radius-l);padding: var(--app-space-m)}.versioning-label{font-size: var(--app-font-size-s);font-weight: 500;color: var(--app-body-text-color)}.versioning-description{font-size: var(--app-font-size-s);color: var(--app-secondary-text-color);margin-top: 0.25rem}.versioning-switch{flex-shrink: 0}.sync-footer{border-top: 1px solid var(--app-contrast-10pct);margin-top: var(--app-space-m);padding-top: var(--app-space-m)}.review-header{border-bottom: 1px solid var(--app-contrast-10pct);padding-bottom: var(--app-space-l)}.review-title{font-size: var(--app-font-size-xxxl);font-weight: 900;color: var(--app-body-text-color);margin: 0;letter-spacing: -0.02em}.review-subtitle{font-size: var(--app-font-size-m);color: var(--app-secondary-text-color);margin-top: var(--app-space-xs)}.progress-section{margin-top: var(--app-space-l)}.progress-label{font-size: var(--app-font-size-s);font-weight: 500;color: var(--app-body-text-color)}.progress-value{font-size: var(--app-font-size-s);font-weight: 500;color: var(--app-body-text-color)}.review-progress-bar{width: 100%;height: 0.5rem;margin-top: var(--app-space-s);border-radius: var(--app-border-radius-m)}.summary-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--app-space-l);margin-top: var(--app-space-l)}.summary-card{background-color: var(--app-base-color);border: 1px solid var(--app-contrast-10pct);border-radius: var(--app-border-radius-l);padding: var(--app-space-l)}.card-icon{color: var(--app-primary-color);font-size: var(--app-font-size-m)}.card-title{font-size: var(--app-font-size-l);font-weight: 700;color: var(--app-body-text-color);margin: 0}.summary-form{margin-top: var(--app-space-m)}.connection-field{font-family: var(--app-font-family-mono)}.connection-password{font-family: var(--app-font-family-mono);letter-spacing: 0.1em}.meta-sets-list{margin-top: var(--app-space-m)}.more-meta-sets-text{font-size: var(--app-font-size-xs);color: var(--app-secondary-text-color);text-align: center;margin-top: var(--app-space-s)}.sync-info-box{margin-top: var(--app-space-m);background-color: var(--app-primary-color-20pct);border: 1px solid var(--app-primary-color-50pct);border-radius: var(--app-border-radius-m)}.info-icon{color: var(--app-primary-color);font-size: var(--app-font-size-s);flex-shrink: 0;margin-top: 0.125rem}.info-text{font-size: var(--app-font-size-xs);color: var(--app-primary-color-80pct);line-height: 1.5}.review-footer{border-top: 1px solid var(--app-contrast-10pct);margin-top: var(--app-space-xl);padding-top: var(--app-space-l)}.meta-fields-tree-grid>vaadin-grid-cell-content{padding: 0.1rem 0.1rem;line-height: unset}.workflow-msg-card{margin-bottom: var(--app-space-xs)}.workflow-msg-card::part(header){align-items: center;gap: var(--app-space-xs);padding: var(--app-space-xs) var(--app-space-s) 0}.workflow-msg-card::part(content){padding: var(--app-space-2xs) var(--app-space-s) var(--app-space-xs)}.workflow-msg-avatar{flex-shrink: 0;width: 1.625rem;height: 1.625rem;font-size: var(--app-font-size-xs)}.workflow-msg-header{display: flex;flex-direction: row;align-items: baseline;gap: var(--app-space-s);line-height: var(--app-line-height-xs);flex: 1;min-width: 0}.workflow-msg-sender{margin: 0;font-size: var(--app-font-size-s);font-weight: 600;color: var(--app-header-text-color);white-space: nowrap}.workflow-msg-date{margin-inline-start: auto;font-size: var(--app-font-size-xs);color: var(--app-secondary-text-color);white-space: nowrap}.workflow-msg-outcome.badge{font-size: var(--app-font-size-xs);padding: 0.1em 0.45em;border-radius: var(--app-border-radius-s);background: var(--app-contrast-5pct);color: var(--app-secondary-text-color)}.workflow-msg-bubble{background: var(--app-contrast-5pct);border-radius: var(--app-border-radius-s);padding: var(--app-space-xs) var(--app-space-s)}.workflow-msg-text{font-size: var(--app-font-size-s);line-height: var(--app-line-height-s);color: var(--app-body-text-color);white-space: pre-wrap;word-break: break-word}.workflow-msg-grid::part(cell){padding: 0 var(--app-space-xs)}.workflow-msg-grid::part(row){min-height: 0}vaadin-details-summary{padding: var(--app-space-m);cursor: pointer;transition: background-color 0.2s ease;border-radius: var(--app-border-radius-m);font-weight:600}vaadin-details-summary:hover{background-color: var(--app-contrast-5pct)}vaadin-details-summary:active{background-color: var(--app-contrast-10pct)}vaadin-details[opened]>vaadin-details-summary{background-color: var(--app-contrast-5pct)}vaadin-details.filter-details>vaadin-details-summary{background-color: var(--app-contrast-5pct)}vaadin-details.filter-details>vaadin-details-summary:hover{background-color: var(--app-contrast-10pct)}vaadin-app-layout.jmix-main-view-app-layout{--aura-app-layout-inset: 0px;--aura-app-layout-radius: 0px;--aura-app-layout-border-width: 0px;--vaadin-app-layout-navbar-padding-top: 0px;--vaadin-app-layout-navbar-padding-bottom: 0px;--vaadin-app-layout-navbar-padding-inline-start: 0px;--vaadin-app-layout-navbar-padding-inline-end: 0px}vaadin-app-layout.jmix-main-view-app-layout .jmix-main-view-header{height: var(--app-main-header-height);min-height: var(--app-main-header-height);background-color: #fff8ec;background-image: url('/public/images/header_background.png');background-position: center;background-repeat: no-repeat;background-size: cover}.jmix-main-view-title{margin: 0;color: var(--aura-accent-color);font-weight: 700}.jmix-login-main-layout{--brand-login-gold: #d6a146;--brand-login-primary: #c5292d;--brand-login-primary-dark: #a90f1b;--brand-login-title: #b20f1b;display: flex;flex-direction: column;align-items: center !important;justify-content: flex-start !important;width: 100%;min-height: 100vh;box-sizing: border-box;padding: clamp(28px,5vh,42px) 24px 48px;overflow-x: hidden;background: #fff8ec url('/public/images/login_background.png') center / cover no-repeat;font-family: "Segoe UI",Arial,sans-serif}.login-emblem{z-index: 1;flex: 0 0 auto;width: clamp(72px,7vw,88px);height: clamp(72px,7vw,88px);margin: 0 0 14px;background: url('/public/images/quochuy_logo.svg') center / contain no-repeat}.login-system-title{z-index: 1;max-width: min(960px,92vw);color: var(--brand-login-title);font-size: clamp(1.65rem,2.55vw,2.2rem);font-weight: 700;line-height: 1.22;text-align: center;text-transform: uppercase}.login-title-divider{z-index: 1;position: relative;display: flex;align-items: center;justify-content: center;width: 128px;height: 22px;margin: 8px 0 18px}.login-title-divider::before{position: absolute;right: 0;left: 0;height: 1px;background: linear-gradient( 90deg,transparent,var(--brand-login-gold) 22%,var(--brand-login-gold) 78%,transparent );content: ""}.login-title-divider::after{z-index: 1;padding: 0 9px;color: var(--brand-login-gold);background: #fff8e9;content: "\2605";font-size: 0.85rem;line-height: 1}vaadin-vertical-layout.login-card-stack{z-index: 1;width: min(92vw,480px) !important;max-width: 480px !important;box-sizing: border-box;padding: 30px 34px 24px;border: 1px solid rgba(222,191,132,0.42);border-radius: 12px;background: rgba(255,255,255,0.98);box-shadow: 0 18px 44px rgba(94,63,22,0.14)}.jmix-login-main-layout jmix-login-form.login-form-panel{--vaadin-button-primary-background: linear-gradient( 180deg,var(--brand-login-primary),var(--brand-login-primary-dark) );--vaadin-button-primary-text-color: #ffffff;--vaadin-input-field-background: #ffffff;--vaadin-input-field-border-color: rgba(176,124,57,0.28);--vaadin-input-field-border-radius: 6px;--vaadin-input-field-border-width: 1px;width: 100%}.jmix-login-main-layout jmix-login-form.login-form-panel vaadin-text-field::part(input-field),.jmix-login-main-layout jmix-login-form.login-form-panel vaadin-password-field::part(input-field){min-height: 44px;box-sizing: border-box}.jmix-login-main-layout jmix-login-form.login-form-panel::part(form){width: 100%;box-sizing: border-box;padding: 0;border: 0;border-radius: 0;background: transparent;box-shadow: none}.jmix-login-main-layout jmix-login-form.login-form-panel::part(footer){display: none}.jmix-login-main-layout jmix-login-form.login-form-panel::part(form-title){margin: 0 0 22px;padding-bottom: 10px;border-bottom: 2px solid var(--brand-login-gold);color: #9f111d;font-size: 1.32rem;font-weight: 700;line-height: 1.25;text-align: center}.jmix-login-main-layout jmix-login-form.login-form-panel vaadin-button[slot='submit']{--vaadin-button-border-radius: 8px;--vaadin-button-height: 46px;--vaadin-button-shadow: 0 8px 18px rgba(94,63,22,0.08)}vaadin-button.login-sso-button{--vaadin-button-border-radius: 8px;--vaadin-button-height: 46px;--vaadin-button-shadow: 0 8px 18px rgba(94,63,22,0.08);width: 100%;margin-top: 10px;border: 1px solid rgba(178,15,27,0.38);background: rgba(255,255,255,0.96);color: var(--brand-login-title);cursor: pointer}vaadin-button.login-sso-button:hover{border-color: rgba(178,15,27,0.68);background: #fff5f2}vaadin-button.login-sso-button::part(label){font-weight: 600}.login-security-note{margin-top: 16px;color: #8c7d69;font-size: 0.78rem;line-height: 1.4;text-align: center}@media (max-width: 640px){.jmix-login-main-layout{padding: 22px 16px 32px}.login-system-title{font-size: clamp(1.25rem,6vw,1.55rem)}vaadin-vertical-layout.login-card-stack{width: min(94vw,480px) !important;padding: 26px 22px 22px}}