vaadin-login-overlay::part(overlay){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}@media (min-width: 1024px){vaadin-login-overlay::part(content){display: flex;justify-content: flex-start;align-items: center;padding-left: 8%}}.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');!important;background-size: cover;!important;background-position: center;!important;background-repeat: no-repeat;!important;width: 100%;!important;min-height: 100vh;!important;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)}@media (max-width: 1023px){.login-view{justify-content: center;align-items: center}.login-form-container{margin: 0 !important;width: 100%;min-height: 100vh;border-radius: 0;box-shadow: none;display: flex;flex-direction: column;justify-content: center;padding: 2rem}.login-form-container h2{text-align: center;margin-top: 0}}.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);text-align: center;padding: 0.5rem}@media (max-width: 800px){.desktop-footer{display: none}}.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);display: flex;align-items: center;justify-content: flex-start}.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)}@media (max-width: 800px){.taskbar{display: none}}.mobile-bottom-menu{display: none}@media (max-width: 800px){.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)}}.mobile-top-header{display: none}@media (max-width: 800px){.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;align-items: center;padding: var(--lumo-space-s)}}.tablet-menu{display: none}@media (min-width: 600px) and (max-width: 1023px){.tablet-menu{display: flex;justify-content: center;align-items: center;background-color: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-m);padding: var(--lumo-space-s)}.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)}}.tablet-sidebar{display: none}@media (min-width: 600px) and (max-width: 1023px){.tablet-sidebar{display: flex;flex-direction: column;width: 64px;background: var(--lumo-base-color);border-right: 1px solid var(--lumo-contrast-10pct);flex-shrink: 0;align-items: center;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}}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}}.profile-popover-card{border-radius: var(--lumo-border-radius-l);box-shadow: var(--lumo-box-shadow-xl);overflow: hidden;background-color: var(--lumo-base-color)}.profile-header-gray{background-color: var(--lumo-contrast-5pct);border-bottom: 1px solid var(--lumo-contrast-10pct);padding: var(--lumo-space-l) var(--lumo-space-m)}.profile-avatar-neon{border: 3px solid var(--lumo-primary-color);box-shadow: 0 0 15px var(--lumo-primary-color-30pct);background: var(--lumo-base-color);transition: transform 0.3s ease}.profile-avatar-neon:hover{transform: scale(1.05)}.editable-row{padding: var(--lumo-space-xs) var(--lumo-space-s);margin-left: calc(-1 * var(--lumo-space-s));margin-right: calc(-1 * var(--lumo-space-s));border-radius: var(--lumo-border-radius-m);transition: all 0.2s ease-in-out}.editable-row:hover{background-color: var(--lumo-contrast-10pct);cursor: pointer}.editable-row vaadin-button{opacity: 0.5;transition: opacity 0.2s}.editable-row:hover vaadin-button{opacity: 1;color: var(--lumo-primary-color)}.details-section{padding: var(--lumo-space-m) !important}.version-info-area{background: var(--lumo-contrast-5pct);padding: 8px 16px;border-top: 1px dashed var(--lumo-contrast-20pct)}.version-info-area span{font-size: 9px;color: var(--lumo-tertiary-text-color);font-family: 'SF Mono','Cascadia Code','Courier New',monospace}.profile-footer{background-color: var(--lumo-base-color);padding: var(--lumo-space-m)}.profile-header-gray h3{color: var(--lumo-header-text-color);font-weight: 700}.sales-report-view{background: linear-gradient(180deg,var(--lumo-base-color) 0%,var(--lumo-contrast-5pct) 100%)}.chart-container{border-radius: var(--lumo-border-radius-m);overflow: hidden}.css-bar-chart [style*="height"]{transition: height 0.6s cubic-bezier(0.4,0,0.2,1)}vaadin-grid::part(body-cell){transition: background-color 0.15s ease}vaadin-grid::part(body-cell):hover{background-color: var(--lumo-contrast-5pct)}@media print{.sales-report-view vaadin-button,.sales-report-view .filter-bar{display: none !important}.sales-report-view{background: white !important}.chart-container{page-break-inside: avoid;box-shadow: none !important;border: 1px solid #ddd}}