:root{--app-base-color: var(--lumo-base-color);--app-border-radius-l: var(--lumo-border-radius-l);--app-border-radius-m: var(--lumo-border-radius-m);--app-border-radius-s: var(--lumo-border-radius-s);--app-box-shadow-l: var(--lumo-box-shadow-l);--app-box-shadow-m: var(--lumo-box-shadow-m);--app-box-shadow-s: var(--lumo-box-shadow-s);--app-box-shadow-xl: var(--lumo-box-shadow-xl);--app-box-shadow-xs: var(--lumo-box-shadow-xs);--app-contrast: var(--lumo-contrast);--app-contrast-5pct: var(--lumo-contrast-5pct);--app-contrast-10pct: var(--lumo-contrast-10pct);--app-contrast-20pct: var(--lumo-contrast-20pct);--app-contrast-30pct: var(--lumo-contrast-30pct);--app-contrast-40pct: var(--lumo-contrast-40pct);--app-contrast-50pct: var(--lumo-contrast-50pct);--app-contrast-60pct: var(--lumo-contrast-60pct);--app-contrast-70pct: var(--lumo-contrast-70pct);--app-contrast-80pct: var(--lumo-contrast-80pct);--app-contrast-90pct: var(--lumo-contrast-90pct);--app-disabled-text-color: var(--lumo-disabled-text-color);--app-error-color: var(--lumo-error-color);--app-error-color-10pct: var(--lumo-error-color-10pct);--app-error-color-50pct: var(--lumo-error-color-50pct);--app-error-contrast-color: var(--lumo-error-contrast-color);--app-error-text-color: var(--lumo-error-text-color);--app-font-size-xxs: var(--lumo-font-size-xxs);--app-font-size-xs: var(--lumo-font-size-xs);--app-font-size-s: var(--lumo-font-size-s);--app-font-size-m: var(--lumo-font-size-m);--app-font-size-l: var(--lumo-font-size-l);--app-font-size-xl: var(--lumo-font-size-xl);--app-font-size-xxl: var(--lumo-font-size-xxl);--app-font-size-xxxl: var(--lumo-font-size-xxxl);--app-header-text-color: var(--lumo-header-text-color);--app-body-text-color: var(--lumo-body-text-color);--app-secondary-text-color: var(--lumo-secondary-text-color);--app-tertiary-text-color: var(--lumo-tertiary-text-color);--app-icon-size-s: var(--lumo-icon-size-s);--app-icon-size-m: var(--lumo-icon-size-m);--app-icon-size-l: var(--lumo-icon-size-l);--app-line-height-xs: var(--lumo-line-height-xs);--app-line-height-s: var(--lumo-line-height-s);--app-line-height-m: var(--lumo-line-height-m);--app-primary-color: var(--lumo-primary-color);--app-primary-color-10pct: var(--lumo-primary-color-10pct);--app-primary-color-50pct: var(--lumo-primary-color-50pct);--app-primary-contrast-color: var(--lumo-primary-contrast-color);--app-primary-text-color: var(--lumo-primary-text-color);--app-shade: var(--lumo-shade);--app-shade-5pct: var(--lumo-shade-5pct);--app-shade-10pct: var(--lumo-shade-10pct);--app-shade-20pct: var(--lumo-shade-20pct);--app-shade-30pct: var(--lumo-shade-30pct);--app-shade-40pct: var(--lumo-shade-40pct);--app-shade-50pct: var(--lumo-shade-50pct);--app-shade-60pct: var(--lumo-shade-60pct);--app-shade-70pct: var(--lumo-shade-70pct);--app-shade-80pct: var(--lumo-shade-80pct);--app-shade-90pct: var(--lumo-shade-90pct);--app-size-xs: var(--lumo-size-xs);--app-size-s: var(--lumo-size-s);--app-size-m: var(--lumo-size-m);--app-size-l: var(--lumo-size-l);--app-size-xl: var(--lumo-size-xl);--app-space-xs: var(--lumo-space-xs);--app-space-s: var(--lumo-space-s);--app-space-m: var(--lumo-space-m);--app-space-l: var(--lumo-space-l);--app-space-xl: var(--lumo-space-xl);--app-space-r-m: var(--lumo-space-r-m);--app-space-r-l: var(--lumo-space-r-l);--app-space-r-x: var(--lumo-space-r-x);--app-space-wide-xs: var(--lumo-space-wide-xs);--app-space-wide-s: var(--lumo-space-wide-s);--app-space-wide-m: var(--lumo-space-wide-m);--app-space-wide-l: var(--lumo-space-wide-l);--app-space-wide-xl: var(--lumo-space-wide-xl);--app-space-wide-r-m: var(--lumo-space-wide-r-m);--app-space-wide-r-l: var(--lumo-space-wide-r-l);--app-success-color: var(--lumo-success-color);--app-success-color-10pct: var(--lumo-success-color-10pct);--app-success-color-50pct: var(--lumo-success-color-50pct);--app-success-contrast-color: var(--lumo-success-contrast-color);--app-success-text-color: var(--lumo-success-text-color);--app-warning-color: var(--lumo-warning-color);--app-warning-color-10pct: var(--lumo-warning-color-10pct);--app-tint: var(--lumo-tint);--app-tint-5pct: var(--lumo-tint-5pct);--app-tint-10pct: var(--lumo-tint-10pct);--app-tint-20pct: var(--lumo-tint-20pct);--app-tint-30pct: var(--lumo-tint-30pct);--app-tint-40pct: var(--lumo-tint-40pct);--app-tint-50pct: var(--lumo-tint-50pct);--app-tint-60pct: var(--lumo-tint-60pct);--app-tint-70pct: var(--lumo-tint-70pct);--app-tint-80pct: var(--lumo-tint-80pct);--app-tint-90pct: var(--lumo-tint-90pct)}vaadin-scroller[slot=drawer]{align-items:flex-start}vaadin-side-nav-item vaadin-icon{padding:0}vaadin-app-layout vaadin-side-nav-item{font-size:var(--lumo-font-size-s);font-weight:600;color:var(--lumo-body-text-color)}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);min-height:var(--lumo-size-xl);max-height:250px;box-sizing:border-box;border-radius:50px}[slot=drawer]:is(header,footer):is(:empty){display:none}.persons-view{display:block;height:100%}.persons-view vaadin-grid-pro{height:100%}.persons-view vaadin-grid-filter,.persons-view vaadin-grid-filter>*{width:100%}.persons-view vaadin-grid-pro vaadin-horizontal-layout{align-items:center}.persons-view vaadin-grid-pro img{border-radius:50%;flex-shrink:0;height:var(--lumo-size-m);width:var(--lumo-size-m)}.persons-view .name{overflow:hidden;text-overflow:ellipsis}html{--custom-image-shadow: 0 4px 10px 0 #7ca4bc, 0 6px 20px 0 #c4d5e0;--custom-box-shadow: #7ca4bc 0px 4px 8px 0px, #c4d5e0 0px 6px 20px 0px;--custom-border-color: 1px solid lightgray;--custom-background-app: white;--custom-color-sucess: rgb(20, 180, 50, 50);--custom-secondary-color: #57c785;--lumo-border-radius-s: 8px;--lumo-border-radius-m: 8px;--lumo-border-radius-l: 16px;--border-color: var(--custom-border-color);--lumo-font-family: Tahoma, Verdana, Segoe, sans-serif;--lumo-border-radius: 16px;--lumo-primary-color: rgb(4, 60, 108);--lumo-primary-color-50pct: rgba(4, 60, 108, .5);--lumo-primary-color-10pct: rgba(4, 60, 108, .1);--lumo-primary-text-color: var(--lumo-primary-color);--lumo-error-text-color: rgb(220, 4, 12);--lumo-error-color-50pct: rgba(220, 4, 12, .5);--lumo-error-color-10pct: rgba(220, 4, 12, .1);--lumo-error-color: rgb(220, 4, 12);--lumo-success-color: rgb(20, 180, 50, 50);--lumo-success-color-10pct: var(--lumo-success-color);--vaadin-app-layout-drawer-background: var(--lumo-primary-color);--vaadin-input-field-error-color: var(--lumo-error-color);--lumo-shade-5pct: hsla(214, 61%, 25%, .07);--background-color: white;--vaadin-input-field-background: #fff}vaadin-text-area::part(input-field){border:var(--custom-border-color)}vaadin-time-picker::part(input-field){border:var(--custom-border-color)}vaadin-integer-field::part(input-field){border:var(--custom-border-color)}vaadin-grid::part(header-cell){font-weight:700;font-size:16px}vaadin-notification-card::part(overlay){border-radius:var(--lumo-border-radius-l)}vaadin-notification-card::part(content){border-radius:var(--lumo-border-radius-l);border:yellow}vaadin-multi-select-combo-box-item::part(checkmark){color:var(--lumo-success-color)}vaadin-multi-select-combo-box::part(input-field){border:var(--lumo-primary-color)}vaadin-text-field::part(input-field){border:var(--custom-border-color)}vaadin-text-field::part(label){color:var(--lumo-primary-color)}vaadin-text-field[focused]::part(input-field){border-color:var(--lumo-primary-color-50pct)}vaadin-combo-box::part(input-field){border:var(--custom-border-color)}vaadin-combo-box[focused]::part(input-field){border:var(--custom-border-color)}vaadin-combo-box::part(label){color:var(--lumo-primary-color)}vaadin-date-picker::part(input-field){border:var(--custom-border-color)}vaadin-date-picker::part(label){color:var(--lumo-primary-color)}vaadin-date-picker[focused]::part(input-field){border-color:var(--lumo-primary-color-50pct)}vaadin-email-field::part(input-field){border:var(--custom-border-color)}vaadin-email-field[focused]::part(input-field){border-color:var(--lumo-primary-color-50pct)}vaadin-email-field::part(label){color:var(--lumo-primary-color)}vaadin-number-field::part(input-field){border:var(--custom-border-color)}vaadin-password-field::part(input-field){border:var(--custom-border-color)}vaadin-password-field::part(label){color:var(--lumo-primary-color)}vaadin-password-field[focused]::part(input-field){border-color:var(--lumo-primary-color-50pct)}vaadin-multi-select-combo-box::part(input-field){border:var(--custom-border-color)}vaadin-multi-select-combo-box::part(label){color:var(--lumo-primary-color)}vaadin-multi-select-combo-box[focused]::part(input-field){color:var(--lumo-primary-color-50pct)}vaadin-text-field::part(required-indicator){color:var(--lumo-error-color)}vaadin-text-field[required]::part(required-indicator){color:var(--lumo-error-color)}vaadin-app-layout::part(navbar){background:var(--custom-background-app)}vaadin-grid::part(selected-row){color:var(--lumo-primary-color-50pct)}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden;--vaadin-input-field-value-color: black;-vaadin-tab:var(--lumo-primary-color)}vaadin-app-layout::part(drawer){background:var(--custom-background-app)}:host([theme~="dark"]),[theme~=dark]{--color-background: #0B1F33;--color-surface: #132C45;--color-text: #EAF2F8;--color-text-light: #A0AEC0;--color-primary: #67B4AB;--color-primary-50: rgba(103, 180, 171, .5);--color-primary-10: rgba(103, 180, 171, .1);--color-accent: #F6DA43;--color-success: #22C55E;--color-error: #F87171;--color-border: #2D3748;--lumo-base-color: var(--color-background);--lumo-primary-color: var(--color-primary);--lumo-primary-color-50pct: var(--color-primary-50);--lumo-primary-color-10pct: var(--color-primary-10);--lumo-body-text-color: var(--color-text);--vaadin-input-field-background: var(--color-surface)}vaadin-tab[active]{color:var(--lumo-primary-color)}vaadin-tab[selected]::part(back-button):after{color:var(--lumo-primary-color)}vaadin-tab[focused]::part(back-button):after{color:var(--lumo-primary-color)}.remove-btn{color:#fff;border:1px solid var(--lumo-primary-color);position:absolute;bottom:-6%;left:-16%;background:var(--lumo-error-color);border-radius:100%;font-weight:700;padding:0;margin:0;font-size:16px;cursor:pointer;z-index:10;width:16px}