@charset "UTF-8";html{--fx-orange: hsl(31, 79%, 55%);--fx-orange-hover: hsl(31, 79%, 49%);--fx-orange-soft: hsla(31, 79%, 55%, .1);--fx-orange-border: hsla(31, 79%, 55%, .3);--fx-radius-small: 5px;--fx-radius-medium: 7px;--fx-radius-large: 10px;--lumo-border-radius-s: var(--fx-radius-small);--lumo-border-radius-m: var(--fx-radius-medium);--lumo-border-radius-l: var(--fx-radius-large);--lumo-space-xs: .25rem;--lumo-space-s: .5rem;--lumo-space-m: 1rem;--lumo-space-l: 1.5rem;--lumo-space-xl: 2rem;--lumo-primary-color: var(--fx-orange);--lumo-primary-color-10pct: var(--fx-orange-soft);--lumo-primary-color-50pct: hsla(31, 79%, 55%, .5);--lumo-primary-color-60pct: hsla(31, 79%, 55%, .6);--lumo-primary-contrast-color: #ffffff;--lumo-focus-color: var(--fx-orange)}html{--fx-page-background: hsl(210, 20%, 98%);--fx-surface: hsl(0, 0%, 100%);--fx-surface-subtle: hsl(210, 18%, 96%);--fx-surface-hover: hsl(210, 18%, 94%);--fx-sidebar: hsl(210, 18%, 97%);--fx-sidebar-hover: hsl(210, 18%, 93%);--fx-header: hsl(0, 0%, 100%);--fx-border: hsl(210, 16%, 88%);--fx-border-light: hsl(210, 18%, 92%);--fx-border-strong: hsl(210, 15%, 80%);--fx-text: hsl(215, 30%, 16%);--fx-text-secondary: hsl(215, 15%, 43%);--fx-text-muted: hsl(215, 10%, 58%);--lumo-base-color: var(--fx-page-background);--lumo-body-text-color: var(--fx-text);--lumo-header-text-color: hsl(215, 30%, 13%);--lumo-secondary-text-color: var(--fx-text-secondary);--lumo-tertiary-text-color: var(--fx-text-muted);--lumo-disabled-text-color: hsl(215, 10%, 68%);--lumo-button-text-color: var(--fx-orange);--lumo-primary-text-color: var(--fx-orange);--lumo-focus-color: var(--fx-orange);--lumo-box-shadow-xs: 0 1px 2px hsla(215, 30%, 20%, .06);--lumo-box-shadow-s: 0 2px 6px hsla(215, 30%, 20%, .07);--lumo-box-shadow-m: 0 5px 16px hsla(215, 30%, 20%, .08);--lumo-box-shadow-l: 0 10px 30px hsla(215, 30%, 20%, .1)}body[theme~=dark]{--fx-page-background: hsl(30, 5%, 18%);--fx-surface: hsl(30, 5%, 21%);--fx-surface-subtle: hsl(30, 5%, 23%);--fx-surface-hover: hsl(30, 5%, 26%);--fx-sidebar: hsl(30, 5%, 14%);--fx-sidebar-hover: hsl(30, 5%, 19%);--fx-header: hsl(30, 5%, 16%);--fx-border: hsl(30, 5%, 29%);--fx-border-light: hsl(30, 5%, 25%);--fx-border-strong: hsl(30, 5%, 35%);--fx-text: hsl(30, 8%, 91%);--fx-text-secondary: hsl(30, 5%, 70%);--fx-text-muted: hsl(30, 4%, 52%);--lumo-base-color: var(--fx-page-background);--lumo-body-text-color: var(--fx-text);--lumo-header-text-color: hsl(30, 8%, 95%);--lumo-secondary-text-color: var(--fx-text-secondary);--lumo-tertiary-text-color: var(--fx-text-muted);--lumo-disabled-text-color: hsl(30, 4%, 40%);--lumo-primary-color: var(--fx-orange);--lumo-primary-text-color: hsl(31, 88%, 68%);--lumo-button-text-color: hsl(31, 82%, 62%);--lumo-primary-color-10pct: hsla(31, 79%, 55%, .1);--lumo-primary-color-50pct: hsla(31, 79%, 55%, .5);--lumo-primary-color-60pct: hsla(31, 79%, 55%, .6);--lumo-primary-contrast-color: hsl(30, 5%, 12%);--lumo-focus-color: hsl(31, 82%, 62%);--lumo-tint-5pct: hsla(30, 10%, 95%, .035);--lumo-tint-10pct: hsla(30, 10%, 95%, .065);--lumo-tint-20pct: hsla(30, 10%, 95%, .12);--lumo-tint-30pct: hsla(30, 10%, 95%, .18);--lumo-tint-40pct: hsla(30, 10%, 95%, .25);--lumo-tint-50pct: hsla(30, 10%, 95%, .32);--lumo-tint-60pct: hsla(30, 10%, 95%, .41);--lumo-tint-70pct: hsla(30, 10%, 95%, .5);--lumo-tint-80pct: hsla(30, 10%, 95%, .6);--lumo-tint-90pct: hsla(30, 10%, 95%, .72);--lumo-tint: hsl(30, 10%, 94%);--lumo-shade-5pct: hsla(30, 5%, 0%, .05);--lumo-shade-10pct: hsla(30, 5%, 0%, .1);--lumo-shade-20pct: hsla(30, 5%, 0%, .17);--lumo-shade-30pct: hsla(30, 5%, 0%, .24);--lumo-shade-40pct: hsla(30, 5%, 0%, .31);--lumo-shade-50pct: hsla(30, 5%, 0%, .38);--lumo-shade-60pct: hsla(30, 5%, 0%, .45);--lumo-shade-70pct: hsla(30, 5%, 0%, .53);--lumo-shade-80pct: hsla(30, 5%, 0%, .61);--lumo-shade-90pct: hsla(30, 5%, 0%, .69);--lumo-shade: hsl(30, 5%, 8%);--lumo-contrast-5pct: var(--lumo-tint-5pct);--lumo-contrast-10pct: var(--lumo-tint-10pct);--lumo-contrast-20pct: var(--lumo-tint-20pct);--lumo-contrast-30pct: var(--lumo-tint-30pct);--lumo-contrast-40pct: var(--lumo-tint-40pct);--lumo-contrast-50pct: var(--lumo-tint-50pct);--lumo-contrast-60pct: var(--lumo-tint-60pct);--lumo-contrast-70pct: var(--lumo-tint-70pct);--lumo-contrast-80pct: var(--lumo-tint-80pct);--lumo-contrast-90pct: var(--lumo-tint-90pct);--lumo-contrast: var(--lumo-tint);--lumo-error-color: hsl(3, 70%, 57%);--lumo-error-color-50pct: hsla(3, 70%, 57%, .5);--lumo-error-color-10pct: hsla(3, 70%, 57%, .1);--lumo-error-text-color: hsl(3, 85%, 72%);--lumo-success-color: hsl(145, 45%, 43%);--lumo-success-color-50pct: hsla(145, 45%, 43%, .5);--lumo-success-color-10pct: hsla(145, 45%, 43%, .1);--lumo-success-text-color: hsl(145, 55%, 62%);--lumo-warning-color: hsl(43, 85%, 52%);--lumo-warning-color-10pct: hsla(43, 85%, 52%, .1);--lumo-warning-text-color: hsl(43, 90%, 68%);--lumo-warning-contrast-color: var(--lumo-shade-90pct);--lumo-border-radius-s: var(--fx-radius-small);--lumo-border-radius-m: var(--fx-radius-medium);--lumo-border-radius-l: var(--fx-radius-large);--lumo-box-shadow-xs: 0 1px 2px hsla(0, 0%, 0%, .2);--lumo-box-shadow-s: 0 2px 6px hsla(0, 0%, 0%, .22);--lumo-box-shadow-m: 0 5px 16px hsla(0, 0%, 0%, .25);--lumo-box-shadow-l: 0 10px 30px hsla(0, 0%, 0%, .3)}html,body{min-height:100%}body{margin:0;background:var(--fx-page-background);color:var(--fx-text)}#header{background:var(--fx-header);border-bottom:1px solid var(--fx-border)}vaadin-app-layout::part(drawer){background:var(--fx-sidebar);border-right:1px solid var(--fx-border)}vaadin-app-layout::part(navbar){background:var(--fx-header);border-bottom:1px solid var(--fx-border)}vaadin-drawer-toggle{--lumo-primary-color: var(--fx-orange)}vaadin-app-layout::part(drawer) vaadin-button:hover{background:var(--fx-sidebar-hover)}[aria-current=page]{color:var(--fx-orange)}[part=content]{background:var(--fx-page-background)}vaadin-card{background:var(--fx-surface);border:1px solid var(--fx-border);box-shadow:var(--lumo-box-shadow-s)}vaadin-grid{background:var(--fx-surface);--lumo-base-color: var(--fx-surface)}body[theme~=dark] vaadin-grid{background:var(--fx-surface);--lumo-base-color: var(--fx-surface);--lumo-contrast-5pct: var(--lumo-tint-5pct);--lumo-contrast-10pct: var(--lumo-tint-10pct);--lumo-contrast-20pct: var(--lumo-tint-20pct)}vaadin-button{--lumo-button-text-color: var(--fx-orange)}vaadin-button:hover{--lumo-button-text-color: var(--fx-orange-hover)}vaadin-text-field,vaadin-text-area,vaadin-select,vaadin-combo-box,vaadin-number-field{--lumo-primary-color: var(--fx-orange);--lumo-primary-text-color: var(--fx-orange);--lumo-focus-color: var(--fx-orange)}body[theme~=dark] vaadin-text-field,body[theme~=dark] vaadin-text-area,body[theme~=dark] vaadin-select,body[theme~=dark] vaadin-combo-box,body[theme~=dark] vaadin-number-field{--lumo-primary-color: var(--fx-orange);--lumo-primary-text-color: hsl(31, 82%, 62%);--lumo-focus-color: hsl(31, 82%, 62%)}.search-field::part(input-field){border-radius:8px 0 0 8px!important}.title{font-weight:600;font-size:var(--lumo-font-size-l);color:var(--fx-text)}.sub-title{font-size:var(--lumo-font-size-m);color:var(--fx-text-secondary)}.title.dark,.sub-title.dark,.title.light,.sub-title.light{color:var(--fx-text)}.fx-scrollable{overflow-y:auto;overflow-x:hidden;min-height:0}.card__container{border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-xs);transition:all .2s ease-in-out;background-image:url(images/sunset.svg);background-size:cover;background-repeat:no-repeat;background-position:center center;aspect-ratio:1 / 1.14;max-width:20rem}.card__container:hover{box-shadow:var(--lumo-box-shadow-m)}.icon{color:#f5f9ff}.card__bottom-bar{border-bottom-right-radius:var(--lumo-border-radius-l);border-bottom-left-radius:var(--lumo-border-radius-l)}.card__bottom-bar__action-buttons{background-color:#fff9;border-bottom-right-radius:var(--lumo-border-radius-l);border-bottom-left-radius:var(--lumo-border-radius-l)}[theme=dark] .card__bottom-bar__action-buttons{background-color:#0009;border-bottom-right-radius:var(--lumo-border-radius-l);border-bottom-left-radius:var(--lumo-border-radius-l)}.component-card{border-radius:8px;overflow:hidden;border:1px solid var(--lumo-contrast-20pct);box-shadow:var(--lumo-box-shadow-xs);transition:box-shadow .2s ease,transform .2s ease;background:var(--lumo-base-color);display:flex;flex:0 0 auto;width:clamp(280px,30vw,360px)}.component-card:hover{box-shadow:var(--lumo-box-shadow-m);transform:translateY(-2px)}.component-card-image{height:160px;object-fit:cover;background:var(--lumo-contrast-5pct);border-top-left-radius:8px;border-top-right-radius:8px}.component-card-content{padding:var(--lumo-space-m);gap:var(--lumo-space-s)}.component-card-title{margin:0;font-size:var(--lumo-font-size-l)}.component-card-category{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.component-card-primary{font-size:var(--lumo-font-size-m);color:var(--lumo-body-text-color)}.component-card-info{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.icon-muted{color:var(--lumo-contrast-60pct)}.component-card-compact{border-radius:6px;border:1px solid var(--lumo-contrast-10pct);background:var(--lumo-base-color);padding:6px 8px;cursor:pointer;transition:background .15s ease}.component-card-compact:hover{background:var(--lumo-contrast-5pct)}.component-thumb{width:48px;height:48px;border-radius:4px;object-fit:cover;background:var(--lumo-contrast-5pct)}.component-title{font-size:var(--lumo-font-size-s);font-weight:600;line-height:1.2}.component-meta{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.component-card-compact:hover{background:var(--lumo-primary-color-10pct)}.component-invalid{border:1px solid var(--lumo-error-color)!important;border-radius:var(--lumo-border-radius-m)!important;padding:var(--lumo-space-s)!important}vaadin-side-nav-item:hover{background:var(--lumo-primary-color-15pct);border-radius:var(--lumo-border-radius-m)}.side-nav__item:hover{cursor:pointer;background:var(--lumo-primary-color-15pct);border-radius:var(--lumo-border-radius-m)}.side-nav__master-item-selected{background:var(--lumo-primary-color-10pct);border-radius:var(--lumo-border-radius-m)}.side-nav__item-selected{font-weight:700;background:var(--lumo-primary-color-15pct);border-radius:var(--lumo-border-radius-m)}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.marquee{overflow:hidden;position:relative;white-space:nowrap}.marquee span{display:inline-block;padding-left:100%;animation:marquee 10s linear infinite}.label{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);font-weight:500}.label:hover{color:var(--lumo-body-text-color)}.label:focus{color:var(--lumo-primary-text-color)}.warning{--lumo-primary-color: var(--lumo-warning-color);--lumo-error-color: var(--lumo-warning-color);color:var(--lumo-warning-text-color)}.warning-label{color:var(--lumo-warning-text-color);font-size:var(--lumo-font-size-xs)}.listbox{background:var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m)}.title{font-weight:700;font-size:var(--lumo-font-size-l)}.title.light{color:#f5f9ff}.title.dark{color:#000}.sub-title{font-size:var(--lumo-font-size-s)}.sub-title.light{color:#f5f9ff}.sub-title.dark{color:#000}.avatar-clickable{width:50px;height:50px;border-radius:50%;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .3s}.avatar-in-dialog{width:120px;height:120px;border-radius:50%;box-shadow:0 3px 6px #00000012;transition:transform .3s}.avatar-in-table{width:45px;height:45px;border-radius:50%;box-shadow:0 3px 6px #0000000f;transition:transform .3s}.avatar-clickable:hover{transform:scale(1.1)}.search-field{min-width:300px}.search-field::part(input-field){border-radius:0!important}.form-context-menu::part(overlay):hover{background-color:var(--lumo-base-color)!important}.form-context-menu vaadin-context-menu-item[role=menuitem]:hover:not([disabled]),.form-context-menu vaadin-context-menu-item[role=menuitem][expanded]:not([disabled]){background-color:var(--lumo-contrast-5pct)!important}@media (any-hover: hover){.form-context-menu vaadin-context-menu-item:hover:not([disabled]){background-color:var(--lumo-contrast-5pct)!important}}.highlight{background-color:var(--lumo-primary-color-25pct)}.standard-span{color:var(--lumo-secondary-text-color);width:auto;font-size:medium;white-space:normal}.grid-column-header-component{color:var(--lumo-primary-color)}.grid-column-header-component *{color:var(--lumo-primary-color)!important}.uuid-column{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}.layout__card__container{border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-xs)}.module-card__title{font-size:1rem;font-weight:700;color:var(--lumo-header-text-color, #333)}.module-card__subtitle{font-size:.8rem;color:var(--lumo-secondary-text-color, lightgray)}.module-card__container{border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-xs);transition:all .2s ease-in-out}.module-card__icon-container{padding:24px;background-color:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l)}.module-basic-style{border:1px solid lightgray;padding:10px;border-radius:12px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease,transform .3s ease}.module-hover-style{box-shadow:0 6px 12px #0003;transform:scale(1.02)}.module-leave-style{box-shadow:0 2px 4px #0000001a;transform:scale(1)}.module-card-selected{border:2px solid var(--lumo-primary-color);box-shadow:0 0 15px #00000026;transform:scale(1.02);transition:all .2s ease}.search-result__container{border:1px solid var(--lumo-primary-color-10pct);border-radius:var(--lumo-border-radius-l);margin-bottom:16px}.search-result__name{font-size:var(--lumo-font-size-l);color:var(--lumo-secondary-text-color);font-weight:500}.search-result-entity-description-icon{color:var(--lumo-primary-color);font-size:small}.search-result-entity-description-span{color:var(--lumo-secondary-text-color);font-size:small}.search-result__identifier{font-size:var(--lumo-font-size-m);color:var(--lumo-secondary-text-color);font-weight:200}.search-result__description{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);font-weight:100}.search-result--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.search-result__text-container{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.result-basic-style{border:1px solid lightgray;padding:10px;border-radius:12px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease,transform .3s ease}.result-hover-style{box-shadow:0 6px 12px #0003;transform:scale(1.02)}.result-leave-style{box-shadow:0 2px 4px #0000001a;transform:scale(1)}.button-container{background-color:#f3f4f6;border-radius:12px;padding:10px;display:flex;align-items:center}.icon-button{background-color:transparent;border:none;cursor:pointer}.vertical-divider{width:1px;height:24px;background-color:#ccc}@keyframes growImage{0%{transform:scale(0)}to{transform:scale(1)}}.image-grow{animation:growImage .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.div-fade-in{animation:fadeIn 1s ease-out forwards;animation-delay:2s;visibility:visible}.interactive-image{transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 10px 30px #00000080;border-radius:5px}.interactive-image:hover{transform:scale(1.05);box-shadow:0 20px 40px #000000b3}.result-info-bar{padding:.25rem .75rem;border-bottom:1px solid var(--lumo-contrast-10pct);background-color:var(--lumo-base-color)}.result-count{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.thumbnail--64{width:64px;height:64px;object-fit:cover;object-position:center}.thumbnail--128{width:128px;height:128px;object-fit:cover;object-position:center}.thumbnail--192{width:192px;height:192px;object-fit:cover;object-position:center}.image-uploader__container{border:1px dashed var(--lumo-contrast-20pct)}.icon-standard{color:var(--lumo-contrast-60pct);font-size:12px}.icon-12-primary-60{color:var(--lumo-primary-color-60pct);font-size:12px}.icon-error{color:var(--lumo-error-color-50pct);font-size:12px}.transparent-button{background-color:transparent}.remove-image-button{border-radius:50%;background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);font-size:12px}.search-button{border-radius:0px var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0px}.table-icon-button{background-color:transparent;font-size:16px}.add-item-button,.table-top-button{font-size:26px}.top-right-button{position:absolute;top:-4px;right:-4px;z-index:1}.list-item{width:100%;padding:10px;margin-bottom:5px;border-radius:8px;border:1px solid lightgray;box-shadow:2px 2px 5px #0000001a;display:flex;align-items:center;transition:background-color .2s ease-in-out}.list-item:hover{background-color:#f5f5f5}.current-component-span{font-weight:700;color:var(--lumo-primary-color)}.context-menu-span{color:var(--lumo-contrast-90pct)}.editable-cell{cursor:pointer;font-weight:600;gap:var(--lumo-space-xs);padding:0 var(--lumo-space-xs);border-radius:var(--lumo-border-radius-s)}.editable-cell:hover{background:var(--lumo-contrast-5pct)}.editable-cell:focus-within{outline:2px solid var(--lumo-primary-color-50pct);outline-offset:2px}.editable-cell .edit-icon{width:14px;height:14px;opacity:0;transition:opacity .12s ease}.editable-cell:hover .edit-icon,.editable-cell:focus-within .edit-icon{opacity:1}.editable-cell .value{border-bottom:1px dashed var(--lumo-contrast-40pct)}.editable-cell:hover .value,.editable-cell:focus-within .value{border-bottom-style:solid}.editable-cell .placeholder{color:var(--lumo-secondary-text-color);font-style:italic;text-decoration:underline dotted}.search-page{margin:0 auto;gap:var(--lumo-space-l)}.search-controls{gap:var(--lumo-space-s)}.search-controls-category-select vaadin-combo-box-item{white-space:nowrap}.search-controls-category-select vaadin-combo-box-overlay::part(overlay){min-width:420px}.results-grid{gap:var(--lumo-space-m)}.pagination-bar{margin-top:var(--lumo-space-l);padding-top:var(--lumo-space-s);border-top:1px solid var(--lumo-contrast-10pct)}.pagination-bar vaadin-button{min-width:36px}.tab-invalid{color:var(--lumo-error-text-color);font-weight:600}.tab-valid{color:var(--lumo-success-text-color)}.ignored-tab{color:var(--lumo-secondary-text-color);font-style:italic;opacity:.7}.login__view{background-image:url(images/fx_back.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}.login__form{border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-xs)}.menu__drawer-avatar{width:3rem;height:3rem}.menu__drawer-logo-container:hover{border-radius:var(--lumo-border-radius-m);cursor:pointer;background:var(--lumo-primary-color-10pct)}.menu__drawer-logo-alt-light{display:block}body[theme~=dark] .menu__drawer-logo-alt-light,.menu__drawer-logo-alt-dark{display:none}body[theme~=dark] .menu__drawer-logo-alt-dark{display:block}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in-top{animation:fadeInTop .3s ease-in-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in-left{animation:fadeInLeft .3s ease-in-out}vaadin-scroller{width:100%!important;height:100%!important}