vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}vaadin-login-overlay-wrapper::part(brand){padding:0!important}vaadin-login-overlay-wrapper::part(description){margin:10px!important}.container{display:flex;flex-wrap:wrap}.close{display:inline-flex;align-items:center;color:#e31937;background-color:#fff;padding:2px;height:35px;width:35px;cursor:pointer;border-radius:var(--border-radius);margin:0}.field{display:inline-flex;align-items:center;border-radius:var(--border-radius);height:26px;font-size:var(--lumo-font-size-s)}.input-field{font-size:var(--lumo-font-size-s);outline:none;padding:0 4px}.input-field::placeholder{color:#1e90ff}.input-field input{background-color:#fff;color:#1e90ff}vaadin-combo-box.input-field::part(input-field){background-color:#fff}.input-field .vaadin-combo-box-container [part=toggle-button]{display:none!important}.change-password{display:flex;align-items:center;justify-content:center}section{max-width:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);margin:var(--lumo-space-s);height:auto;width:calc(var(--lumo-size-m) * 10);background:var(--lumo-base-color) linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct))}section #brand{box-sizing:border-box;overflow:hidden;flex-grow:1;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--lumo-space-l) var(--lumo-space-xl) var(--lumo-space-l) var(--lumo-space-l);background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);min-height:calc(var(--lumo-size-m) * 5)}section #brand h1{color:inherit;margin:0;font-size:var(--lumo-font-size-xxxl)}section #brand p{line-height:var(--lumo-line-height-s);color:var(--lumo-tint-70pct);margin-bottom:0;display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0}section #form{padding:var(--lumo-space-l);flex:1;display:flex;flex-direction:column;box-sizing:border-box}section #form h2{margin-top:calc(var(--lumo-font-size-xxxl) - var(--lumo-font-size-xxl));color:var(--lumo-header-text-color);line-height:var(--lumo-line-height-xs);margin-block:0;display:block;font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700}:root{--alph-displacement-color: #327BC4;--alph-font-weight: 600;--alph-min-width: 100px;--alph-max-height: 27px;--alph-padding: 8px }.button-layout{margin-top:var(--lumo-space-s)}[theme~=btn][theme~=primary]{font-weight:var(--alph-font-weight);min-width:var(--alph-min-width);max-height:var(--alph-max-height);padding:var(--alph-padding)}[theme~=btn][theme~=primary][theme~=save]{background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color)}[theme~=btn][theme~=primary][theme~=new]{background-color:var(--lumo-contrast-5pct);color:var(--lumo-primary-text-color)}[theme~=btn][theme~=primary][theme~=delete]{background-color:var(--lumo-error-color);color:var(--lumo-primary-contrast-color)}[theme~=btn][theme~=primary][theme~=print]{background-color:var(--lumo-contrast);color:var(--lumo-primary-contrast-color)}[theme~=btn][theme~=primary][theme~=find]{background-color:var(--lumo-success-color);color:var(--lumo-primary-contrast-color)}[theme~=btn][theme~=primary][theme~=cancel]{background-color:var(--lumo-primary-contrast-color);color:var(--lumo-error-color)}[theme~=btn][theme~=primary][theme~=displacement]{background-color:var(--alph-displacement-color);color:var(--lumo-primary-contrast-color)}[theme~=btn][theme~=primary][disabled]{background-color:var(--lumo-contrast-30pct);color:var(--lumo-base-color);pointer-events:none}@media screen and (max-width: 800px){[theme~=btn][theme~=primary][theme~=find]{margin-inline-end:unset!important}}vaadin-grid::part(todo){color:var(--board-todo-primary-color)}vaadin-grid::part(in_progress){color:var(--board-progress-primary-color)}vaadin-grid::part(review){color:var(--board-review-primary-color)}vaadin-grid::part(done){color:var(--board-done-primary-color)}[theme~=badge][theme~=board][theme~=todo][theme~=primary]{color:#fff;background-color:var(--board-todo-primary-color)}[theme~=badge][theme~=board][theme~=todo]{color:var(--board-todo-primary-color);background-color:var(--board-todo-color)}[theme~=badge][theme~=board][theme~=progress][theme~=primary]{color:#fff;background-color:var(--board-progress-primary-color)}[theme~=badge][theme~=board][theme~=ground][theme~=primary]{color:#fff;background-color:green}[theme~=badge][theme~=board][theme~=progress]{color:var(--board-progress-primary-color);background-color:var(--board-progress-color)}[theme~=badge][theme~=board][theme~=review][theme~=primary]{color:#fff;background-color:var(--board-review-primary-color)}[theme~=badge][theme~=board][theme~=review]{color:var(--board-review-primary-color);background-color:var(--board-review-color)}[theme~=badge][theme~=board][theme~=done][theme~=primary]{color:#fff;background-color:var(--board-done-primary-color)}[theme~=badge][theme~=board][theme~=done]{color:var(--board-done-primary-color);background-color:var(--board-done-color)}:root{--board-todo-primary-color: #1877F2;--board-todo-color: #1877F24A;--board-progress-primary-color: #FF5349;--board-progress-color: #FF53494A;--board-review-primary-color: #FA7A35;--board-review-color: #FA7A354A;--board-done-primary-color: #00A86B;--board-done-color: #00A86B4A;--board-assigned-height-icon: 20px !important}.form-view{display:block;margin:0 auto;max-width:1024px;padding:0 var(--lumo-space-l)}.form-view h3{margin-bottom:var(--lumo-space-xs);margin-top:var(--lumo-space-l)}@media screen and (min-width: 700px){#form-layout-grid-75-25{width:calc(74.95% - .625rem)!important}#form-layout-component-75-25{width:calc(24.95% - .625rem)!important}#form-layout-grid-65-35{width:calc(64.95% - .625rem)!important}#form-layout-component-65-35{width:calc(34.95% - .625rem)!important}}.master-detail-view{display:flex;flex-direction:column;height:100%}.master-detail-view vaadin-split-layout{width:100%;height:100%}.master-detail-view vaadin-grid{height:100%}.master-detail-view .editor-layout{display:flex;flex-direction:column;width:400px}.master-detail-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.master-detail-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.master-detail-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.master-detail-view .grid-wrapper{width:100%}:root{--border-radius: 20px}.tag-container{display:flex;flex-wrap:wrap;margin-top:10px}.close{display:inline-flex;align-items:center;padding:4px;height:26px;cursor:pointer;border-radius:var(--border-radius)}.tag{display:inline-flex;align-items:center;border-radius:var(--border-radius);height:26px;font-size:var(--lumo-font-size-s)}.tag-input{font-size:var(--lumo-font-size-s);outline:none;padding:0 4px}.tag-input::placeholder{color:#1e90ff}.tag-input input{background-color:#fff;color:#1e90ff}vaadin-combo-box.tag-input::part(input-field){background-color:#fff}.tag-input .vaadin-combo-box-container [part=toggle-button]{display:none!important}.record-view .header-width-components{width:40%;padding:0;margin:0}.record-view .tab-width-components{width:75%;padding:0;margin:0}.gridwith-filters-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.gridwith-filters-view .filter-layout .double-width{grid-column-end:span 2}.gridwith-filters-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.gridwith-filters-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.gridwith-filters-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.gridwith-filters-view .mobile-filters{display:none;position:relative}.gridwith-filters-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.gridwith-filters-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.gridwith-filters-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.gridwith-filters-view .filter-layout>*{grid-column-end:span 2}.gridwith-filters-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.gridwith-filters-view .mobile-filters:hover:before{content:"";inset:0;position:absolute;opacity:.02;background-color:currentcolor}.gridwith-filters-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}vaadin-login-overlay-wrapper::part(overlay),.singup-view{background-image:url(/images/login-bg.png);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}vaadin-login-form-wrapper vaadin-button{width:15rem;margin:var(--lumo-space-s) auto}vaadin-login-overlay-wrapper::part(brand){background:#fff!important}vaadin-login-overlay-wrapper::part(description){display:none}vaadin-login-overlay-wrapper::part(card){width:30rem;border-radius:2.5rem}vaadin-login-form-wrapper::part(form){padding-top:0;padding-bottom:0;background:#fff}@media only screen and (max-width: 1023px) and (orientation: landscape){vaadin-login-overlay-wrapper::part(card){border-radius:0}}html{--lumo-line-height-m: 1.4;--lumo-line-height-s: 1.2;--lumo-line-height-xs: 1.1;--lumo-space-xl: 1.875rem;--lumo-space-l: 1.25rem;--lumo-space-m: .625rem;--lumo-space-s: .3125rem;--lumo-space-xs: .1875rem;--lumo-size-xl: 3rem;--lumo-size-l: 2.5rem;--lumo-size-m: 2rem;--lumo-size-s: 1.75rem;--lumo-size-xs: 1.5rem}[theme~=dark]{--lumo-shade-5pct: rgba(33, 33, 33, .05);--lumo-shade-10pct: rgba(33, 33, 33, .1);--lumo-shade-20pct: rgba(33, 33, 33, .2);--lumo-shade-30pct: rgba(33, 33, 33, .3);--lumo-shade-40pct: rgba(33, 33, 33, .4);--lumo-shade-50pct: rgba(33, 33, 33, .5);--lumo-shade-60pct: rgba(33, 33, 33, .6);--lumo-shade-70pct: rgba(33, 33, 33, .7);--lumo-shade-80pct: rgba(33, 33, 33, .8);--lumo-shade-90pct: rgba(33, 33, 33, .9);--lumo-primary-color-50pct: rgba(235, 89, 5, .5);--lumo-primary-color-10pct: rgba(235, 89, 5, .1);--lumo-error-color-50pct: rgba(231, 24, 24, .5);--lumo-error-color-10pct: rgba(231, 24, 24, .1);--lumo-success-color-50pct: rgba(62, 229, 170, .5);--lumo-success-color-10pct: rgba(62, 229, 170, .1);--lumo-shade: hsl(0, 0%, 13%);--lumo-primary-color: hsl(22, 96%, 47%);--lumo-primary-text-color: hsl(22, 100%, 42%);--lumo-error-color: hsl(0, 81%, 50%);--lumo-error-text-color: hsl(0, 86%, 45%);--lumo-success-color: hsl(159, 76%, 57%);--lumo-success-contrast-color: hsl(159, 29%, 10%);--lumo-success-text-color: hsl(159, 61%, 40%)}#app{display:flex;flex-direction:column;height:100vh}#header{background-color:#4caf50;color:#fff;text-align:center;padding:15px}#contact-list{width:20%;background-color:#f1f1f1;padding:5px;overflow-y:auto;margin-top:10px}#floating-button{position:fixed;bottom:10px;left:10px;background-color:#25d366;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:30%;font-size:20px;box-shadow:0 2px 4px #0003}.contact{display:flex;align-items:center;padding:10px;cursor:pointer;border-bottom:1px solid #ddd}.contact-avatar{width:40px;height:40px;border-radius:50%;background-color:#fff;margin-right:10px}.contact-info{display:flex;flex-direction:column}.contact-name{font-size:14px;font-weight:700;text-align:left}.last-message{font-size:12px;color:#777}#chat-container{display:flex;flex:1}#chat{flex:1;display:flex;flex-direction:column}#chat-header{background-color:#128c7e;color:#fff;text-align:center;padding:10px;display:flex;justify-content:space-between;align-items:center}#contact-info{display:flex;align-items:center}#contact-avatar{width:40px;height:40px;border-radius:50%;background-color:#fff;margin-right:10px}#contact-details{display:flex;flex-direction:column}#contact-name{font-size:16px;font-weight:700;text-align:left}#last-online{font-size:12px;color:#fff;text-align:left}#header-buttons{display:flex}.search-button,.config-button{background-color:#25d366;color:#fff;border:none;padding:8px;margin-left:5px;cursor:pointer;border-radius:5px}.config-button{margin-right:5px}#chat-messages{flex:1;padding:20px;overflow-y:auto}.message{margin-bottom:10px;padding:10px;border-radius:8px;max-width:70%;word-wrap:break-word;display:flex}.sent{background-color:#25d366;color:#fff;align-self:flex-end;margin-left:auto;justify-content:flex-end}.received{background-color:#f1f1f1;align-self:flex-start;margin-right:auto}#message-input{display:flex;align-items:center;padding:10px}#message-input input{flex:1;padding:10px;margin-right:5px;margin-left:5px;border:1px solid #ddd;border-radius:5px}#message-input button{background-color:#25d366;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:5px}#message-input button:hover{background-color:#128c7e}