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}