html{color-scheme: dark;--aura-background-color-dark: #00263e;--aura-app-background: #19192c;--aura-accent-color-dark: #efb810}.customer-main-layout{position: relative;width: 100%;min-height: 100vh}.customer-main-layout-topbar{position: fixed;top: 1rem;left: 1rem;z-index: 1200}.customer-main-layout-menu-button{border-radius: 0.75rem}.customer-main-layout-overlay{position: fixed;inset: 0;background: rgba(0,0,0,0.35);opacity: 0;visibility: hidden;transition: opacity 0.2s ease,visibility 0.2s ease;z-index: 1100}.customer-main-layout-overlay.open{opacity: 1;visibility: visible}.customer-main-layout-drawer{position: fixed;top: 0;left: 0;width: 18rem;max-width: 85vw;height: 100vh;background: #00263e;box-shadow: 0 0 1rem rgba(0,0,0,0.35);transform: translateX(-100%);transition: transform 0.2s ease;z-index: 1150;padding-top: 4rem;box-sizing: border-box}.customer-main-layout-drawer.open{transform: translateX(0)}.customer-main-layout-sidenav{width: 100%;background: transparent}.customer-main-layout-sidenav vaadin-side-nav-item{width: 100%}.customer-main-layout-sidenav vaadin-side-nav-item::part(link){border-radius: 0;padding: 1rem 1.25rem;color: white}.customer-main-layout-sidenav vaadin-side-nav-item::part(link):hover{background: rgba(255,255,255,0.08)}.customer-main-layout-sidenav vaadin-side-nav-item[current]::part(link){background: rgba(255,255,255,0.12);color: #efb810}.customer-main-layout-sidenav vaadin-side-nav-item::part(toggle-button),.customer-main-layout-sidenav vaadin-side-nav-item vaadin-icon{color: inherit}