html,body{height: 100%;margin: 0;padding: 0;overflow: hidden}.view-container{height: 100%;overflow: auto;box-sizing: border-box}.mobile-top-header,.mobile-bottom-menu{display: none}.desktop-footer{position: fixed;bottom: 0;left: 0;right: 0;width: 100%;z-index: 1000;background-color: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-m);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.taskbar{position: fixed;bottom: 36px;left: 0;right: 0;width: 100%;z-index: 1000;background-color: var(--lumo-base-color);border-top: 1px solid var(--lumo-contrast-10pct)}.taskbar vaadin-tab{display: flex;align-items: center;gap: var(--lumo-space-s);padding-right: var(--lumo-space-xs)}.taskbar vaadin-tab[selected]{background-color: var(--lumo-primary-color-10pct);font-weight: 600}.taskbar-close-btn{margin-left: var(--lumo-space-s);color: var(--lumo-secondary-text-color);cursor: pointer}.taskbar-close-btn:hover{color: var(--lumo-error-text-color);background-color: var(--lumo-error-color-10pct)}vaadin-app-layout:not([mobile]){--vaadin-app-layout-content-padding-bottom: 72px}.login-view{background-image: url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?ixlib=rb-4.0.3&auto=format&fit=crop&w=1470&q=80');background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;min-height: 100vh;display: flex;align-items: center;justify-content: flex-start;margin: 0;padding: 0;box-sizing: border-box}.login-form-container{background-color: var(--lumo-base-color);border-radius: var(--lumo-border-radius-l);box-shadow: var(--lumo-box-shadow-l)}.unread-indicator{background-color: var(--lumo-primary-color);width: 8px;height: 8px;border-radius: 50%;margin-right: var(--lumo-space-s);flex-shrink: 0}.no-notifications-msg{display: flex;justify-content: center;align-items: center;padding: var(--lumo-space-m);color: var(--lumo-secondary-text-color)}@media all and (max-width: 800px){.desktop-navbar,.desktop-footer,.taskbar{display: none}.mobile-top-header{display: flex;position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 1000;background-color: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-m);justify-content: center;margin-top: 0;padding-top: 0}.mobile-bottom-menu{display: flex;position: fixed;bottom: 0;left: 0;right: 0;width: 100%;z-index: 1000;background-color: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-m);justify-content: space-around}.mobile-bottom-menu vaadin-menu-bar-button{flex-grow: 1;text-align: center;padding: var(--lumo-space-s)}.mobile-bottom-menu vaadin-menu-bar-button vaadin-icon{font-size: var(--lumo-icon-size-l)}html[theme~="lumo"] body{padding-bottom: 0}vaadin-app-layout{padding-top: 0 !important;--vaadin-app-layout-navbar-offset-bottom: 60px}vaadin-app-layout::part(navbar){padding-top: 0 !important}.view-container{padding-bottom: 60px}.login-view{background-image: none;justify-content: center;align-items: center;overflow: auto;height: 100%;min-height: 100%}.login-form-container{margin-left: 0;width: 90%;max-width: 400px;margin: auto;max-height: 90vh;overflow-y: auto;padding: var(--lumo-space-m);box-sizing: border-box}}.desktop-menu,.tablet-menu{display: none !important}.mobile-menu{display: flex !important}@media (min-width: 600px) and (max-width: 1023px){.desktop-menu,.mobile-menu{display: none !important}.tablet-menu{display: flex !important}}@media (min-width: 1024px){.mobile-menu,.tablet-menu{display: none !important}.desktop-menu{display: flex !important}}.tablet-menu-item-button{min-width: var(--lumo-size-xl);min-height: var(--lumo-size-xl);border-radius: var(--lumo-border-radius-m);margin: var(--lumo-space-xs)}.tablet-menu-popover-content{padding: var(--lumo-space-s)}.desktop-menu,.tablet-menu,.mobile-menu{display: none !important}@media (max-width: 599px){.mobile-menu{display: flex !important}}@media (min-width: 600px) and (max-width: 1023px){.tablet-menu{display: flex !important}}@media (min-width: 1024px){.desktop-menu{display: flex !important}}.tablet-sidebar{width: 64px;background: var(--lumo-base-color);border-right: 1px solid var(--lumo-contrast-10pct);flex-shrink: 0}vaadin-grid::part(pasif-row){background: rgba(255,128,114,0.2)}.blinking-card{animation: blink-animation 0.8s infinite alternate}@keyframes blink-animation{from{opacity: 1}to{opacity: 0.2}}