html,body,#outlet{height:100%;margin:0}body{background:var(--lumo-base-color)}.app-navbar{padding-inline:var(--lumo-space-s)}.app-drawer{height:100%}.view-content{max-width:48rem}.login-view{min-height:100%;background:transparent}.login-hero{position:relative;min-height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--lumo-space-xl) var(--lumo-space-m) var(--lumo-space-xl) var(--lumo-space-xl);background:transparent;flex:.85 1 38%!important}.login-hero-image{display:block;width:auto;height:auto;max-width:100%;max-height:min(72vh,100%);object-fit:contain;object-position:center;border-radius:var(--lumo-border-radius-l)}.login-form-panel{padding:var(--lumo-space-l);box-sizing:border-box;flex:1.15 1 52%!important}.login-form{width:min(24em,100%)}.login-brand{margin:0;font-size:var(--lumo-font-size-xxl);font-weight:700;letter-spacing:-.02em;color:var(--lumo-header-text-color);line-height:1.15}.login-lead{margin:0;color:var(--lumo-secondary-text-color)}@media(max-width:56rem){.login-view{flex-direction:column}.login-hero{min-height:0;max-height:none;flex:0 0 auto!important;padding:var(--lumo-space-m) var(--lumo-space-m) var(--lumo-space-s)}.login-hero-image{max-height:28vh;width:100%}.login-form-panel{flex:1 1 auto!important;justify-content:flex-start;padding-block-start:var(--lumo-space-m)}}.people-view{flex-shrink:0}.people-grid-panel{width:100%;height:200px;min-height:200px;resize:vertical;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);background:var(--lumo-base-color)}.people-grid-panel vaadin-grid{flex:1 1 auto;min-height:0;width:100%;height:100%}.people-form-section{flex-shrink:0;width:100%}vaadin-app-layout::part(drawer){background:var(--lumo-base-color);border-inline-end:1px solid var(--lumo-contrast-10pct)}vaadin-app-layout::part(navbar){background:var(--lumo-base-color);border-block-end:1px solid var(--lumo-contrast-10pct)}vaadin-button[theme~=primary]{font-weight:600}html[data-palette=aura][theme~=dark]{--lumo-base-color: #15141b;--lumo-header-text-color: #edecee;--lumo-body-text-color: #edecee;--lumo-secondary-text-color: #adacae;--lumo-tertiary-text-color: #6d6d6d;--lumo-primary-color: #a277ff;--lumo-primary-color-50pct: rgba(162, 119, 255, .5);--lumo-primary-color-10pct: rgba(162, 119, 255, .14);--lumo-primary-text-color: #a277ff;--lumo-primary-contrast-color: #15141b;--lumo-success-color: #61ffca;--lumo-success-text-color: #61ffca;--lumo-error-color: #ff6767;--lumo-error-text-color: #ff6767;--lumo-warning-color: #ffca85;--lumo-warning-text-color: #ffca85;color-scheme:dark}html[data-palette=aura][theme~=dark] body{background:radial-gradient(900px 480px at 8% -8%,#29263c 0%,transparent 55%),radial-gradient(700px 420px at 100% 0%,rgba(162,119,255,.18) 0%,transparent 50%),#110f18}html[data-palette=aura][theme~=dark] vaadin-app-layout::part(drawer),html[data-palette=aura][theme~=dark] vaadin-app-layout::part(navbar){background:color-mix(in srgb,#211d26 92%,transparent);border-color:#3b334b}html[data-palette=aura]:not([theme~=dark]){--lumo-base-color: #f6f4fb;--lumo-header-text-color: #15141b;--lumo-body-text-color: #211d26;--lumo-secondary-text-color: #5c5868;--lumo-primary-color: #7c4dff;--lumo-primary-color-50pct: rgba(124, 77, 255, .5);--lumo-primary-color-10pct: rgba(124, 77, 255, .12);--lumo-primary-text-color: #6e3ff2;--lumo-primary-contrast-color: #ffffff;--lumo-success-color: #128a6a;--lumo-success-text-color: #0f7a5d;--lumo-error-color: #d64545;--lumo-error-text-color: #c62828;color-scheme:light}html[data-palette=aura]:not([theme~=dark]) body{background:radial-gradient(900px 480px at 8% -8%,rgba(162,119,255,.22) 0%,transparent 55%),#f3f0f9}html[data-palette=ocean][theme~=dark]{--lumo-base-color: #0b1c24;--lumo-header-text-color: #e8f6f8;--lumo-body-text-color: #d5eef2;--lumo-secondary-text-color: #8eb8c2;--lumo-primary-color: #2ec8c0;--lumo-primary-color-50pct: rgba(46, 200, 192, .5);--lumo-primary-color-10pct: rgba(46, 200, 192, .14);--lumo-primary-text-color: #2ec8c0;--lumo-primary-contrast-color: #062026;--lumo-success-color: #7ee787;--lumo-error-color: #ff7b7b;color-scheme:dark}html[data-palette=ocean][theme~=dark] body{background:radial-gradient(800px 500px at 0% 0%,#12343d,#07151b 60%)}html[data-palette=ocean]:not([theme~=dark]){--lumo-base-color: #f3fafb;--lumo-primary-color: #0e7490;--lumo-primary-color-50pct: rgba(14, 116, 144, .5);--lumo-primary-color-10pct: rgba(14, 116, 144, .12);--lumo-primary-text-color: #0e7490;--lumo-primary-contrast-color: #ffffff;color-scheme:light}html[data-palette=ocean]:not([theme~=dark]) body{background:radial-gradient(800px 500px at 0% 0%,#d9f3f7,#eef8fa 60%)}html[data-palette=forest][theme~=dark]{--lumo-base-color: #121a14;--lumo-header-text-color: #eef6ea;--lumo-body-text-color: #dcead6;--lumo-secondary-text-color: #9bb396;--lumo-primary-color: #7cb342;--lumo-primary-color-50pct: rgba(124, 179, 66, .5);--lumo-primary-color-10pct: rgba(124, 179, 66, .14);--lumo-primary-text-color: #9ccc65;--lumo-primary-contrast-color: #121a14;--lumo-success-color: #a5d6a7;--lumo-error-color: #ef9a9a;color-scheme:dark}html[data-palette=forest][theme~=dark] body{background:radial-gradient(800px 500px at 0% 0%,#1e3322,#0e140f 60%)}html[data-palette=forest]:not([theme~=dark]){--lumo-base-color: #f4f7f2;--lumo-primary-color: #2e7d32;--lumo-primary-color-50pct: rgba(46, 125, 50, .5);--lumo-primary-color-10pct: rgba(46, 125, 50, .12);--lumo-primary-text-color: #1b5e20;--lumo-primary-contrast-color: #ffffff;color-scheme:light}html[data-palette=forest]:not([theme~=dark]) body{background:radial-gradient(800px 500px at 0% 0%,#e4f0dc,#f3f7f0 60%)}html[data-palette=sunset][theme~=dark]{--lumo-base-color: #1a1210;--lumo-header-text-color: #fff3ea;--lumo-body-text-color: #f5e6dc;--lumo-secondary-text-color: #c9a792;--lumo-primary-color: #ff8a4c;--lumo-primary-color-50pct: rgba(255, 138, 76, .5);--lumo-primary-color-10pct: rgba(255, 138, 76, .14);--lumo-primary-text-color: #ffb080;--lumo-primary-contrast-color: #1a1210;--lumo-success-color: #c5e1a5;--lumo-error-color: #ff8a80;color-scheme:dark}html[data-palette=sunset][theme~=dark] body{background:radial-gradient(800px 500px at 0% 0%,#3a2218,#140e0c 60%)}html[data-palette=sunset]:not([theme~=dark]){--lumo-base-color: #fff7f2;--lumo-primary-color: #c2410c;--lumo-primary-color-50pct: rgba(194, 65, 12, .5);--lumo-primary-color-10pct: rgba(194, 65, 12, .12);--lumo-primary-text-color: #9a3412;--lumo-primary-contrast-color: #ffffff;color-scheme:light}html[data-palette=sunset]:not([theme~=dark]) body{background:radial-gradient(800px 500px at 0% 0%,#ffe4d1,#fff6f0 60%)}html[data-palette=contrast][theme~=dark]{--lumo-base-color: #000000;--lumo-header-text-color: #ffffff;--lumo-body-text-color: #ffffff;--lumo-secondary-text-color: #eeeeee;--lumo-primary-color: #ffff00;--lumo-primary-color-50pct: rgba(255, 255, 0, .5);--lumo-primary-color-10pct: rgba(255, 255, 0, .16);--lumo-primary-text-color: #ffff00;--lumo-primary-contrast-color: #000000;--lumo-success-color: #00ff00;--lumo-error-color: #ff5555;color-scheme:dark}html[data-palette=contrast][theme~=dark] body{background:#000}html[data-palette=contrast]:not([theme~=dark]){--lumo-base-color: #ffffff;--lumo-header-text-color: #000000;--lumo-body-text-color: #000000;--lumo-primary-color: #0000ee;--lumo-primary-color-50pct: rgba(0, 0, 238, .45);--lumo-primary-color-10pct: rgba(0, 0, 238, .12);--lumo-primary-text-color: #0000ee;--lumo-primary-contrast-color: #ffffff;color-scheme:light}html[data-palette=contrast]:not([theme~=dark]) body{background:#fff}