.my-viewwithleft-view{padding: 2px;box-sizing: border-box;display: block;position: relative;height: 100%;overflow-y: auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / 0.5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / 0.2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / 0.4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / 0.2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / 0.05);--cv-checkerboard-color2: hsl(0 0% 100% / 0.05);--cv-checkerboard-size: 16px}.my-viewwithleft-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / 0.2);--cv-checkerboard-color2: hsl(var(--cv-blue) / 0.1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.my-viewwithleft-view .preview-container{display: contents}.my-viewwithleft-view .preview-container>.layout[style*='align-self: stretch']{width: 100%}.my-viewwithleft-view .preview-container>.layout[style*='flex-grow: 1']{height: 100%}.my-viewwithleft-view[dragging] .layout:not([style*='gap:']){gap: 8px}.my-viewwithleft-view[dragging] .layout:not([style*='padding:'],[empty]){padding: 8px}.my-viewwithleft-view .cover-overlay{position: absolute;border-radius: 1px}.my-viewwithleft-view:not([starting-drag]) .cover-overlay.editable-hovering{outline: 2px solid hsl(var(--cv-blue) / 1);outline-offset: -1px}.my-viewwithleft-view:not([starting-drag]) .cover-overlay.editable-editing{outline: 1px solid hsl(var(--cv-blue) / 1);outline-offset: -1px;box-shadow: inset 0 0 0 2px var(--lumo-base-color)}.my-viewwithleft-view .overlays,.my-viewwithleft-view .drop-zones{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1}.my-viewwithleft-view:not([dragging]) .drop-zones{pointer-events: none}.my-viewwithleft-view .drop-zone{position: absolute;box-sizing: border-box;border-radius: 1px;min-height: 10px;min-width: 10px}.my-viewwithleft-view[dragging] .drop-zone:not([empty-layout]){outline: 1px dashed var(--cv-dropzone-border-color);outline-offset: -2px;background-color: var(--cv-dropzone-bg-color)}.my-viewwithleft-view .drop-zone[remaining-space]{background: repeating-linear-gradient( -45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap) )}.my-viewwithleft-view[dragging] .drop-zone[drag-over]{background: var(--cv-droptarget-bg-color);outline: 1px solid var(--cv-droptarget-border-color);outline-offset: -1px;box-shadow: inset 0 0 0 2px var(--lumo-base-color)}.drop-zone[empty-layout]{z-index: -1}.my-viewwithleft-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius: 1px;background: repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip: content-box;outline: 1px dashed var(--cv-layout-border-color);outline-offset: -2px}.my-viewwithleft-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background: transparent}.my-viewwithleft-view .layout[empty]::before{content: '';display: block;min-width: 64px;min-height: 32px}.my-viewwithleft-view[readonly] .drop-zones,.my-viewwithleft-view[readonly] .overlays{display: none}.my-viewwithleft-view[inline-editing] .drop-zones,.my-viewwithleft-view[inline-editing] .overlays{display: none}.my-viewwithleft-view .content-wrapper[contenteditable='true']{display: inline-block;overflow: hidden;width: 100%}.my-viewwithleft-view[dragging] vaadin-form-layout{padding: 8px}.my-viewwithleft-view vaadin-form-layout[empty]::before{content: '';display: block;min-width: 64px;min-height: 32px}.my-viewwithleft-view[dragging] vaadin-form-layout:not([empty])::after{content: '';display: block;min-width: 64px;min-height: 32px}.properties-view{display: flex;flex-direction: column;height: 100%}.properties-view vaadin-split-layout{width: 100%;height: 100%}.properties-view vaadin-grid{height: 100%}.properties-view .editor-layout{display: flex;flex-direction: column;width: 600px}.properties-view .editor{flex-grow: 1;padding: var(--lumo-space-l);overflow-y: auto}.properties-view .editor vaadin-checkbox{padding-top: var(--lumo-space-m)}.properties-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)}.properties-view .grid-wrapper{width: 100%}.public-properties-list-view{background-color: var(--lumo-base-color)}.properties-list-panel{border-right: 1px solid var(--lumo-contrast-10pct)}.map-container{background-color: var(--lumo-contrast-5pct)}.property-card{background-color: var(--lumo-base-color);display: flex;flex-direction: column;height: auto;min-height: 250px}.property-card:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.15);border-color: var(--lumo-primary-color) !important}.property-card .property-card-photo{transition: transform 0.3s ease;flex-shrink: 0}.property-card:hover .property-card-photo{transform: scale(1.05)}@media (max-width: 600px){.properties-list-panel{width: 100% !important;border-right: none}.map-container{display: none !important}}.public-property-detail-view{background-color: var(--lumo-base-color)}.photo-gallery{border-bottom: 1px solid var(--lumo-contrast-10pct)}.availability-calendar{max-width: 600px;margin: 0 auto}.day-available{background-color: var(--lumo-success-color-10pct);color: var(--lumo-success-text-color)}.day-booked{background-color: var(--lumo-error-color-10pct);color: var(--lumo-error-text-color)}.day-available:hover,.day-booked:hover{opacity: 0.8}.leaflet-popup-content b{color: var(--lumo-primary-color);font-size: 1.1em}.map-loading{display: flex;align-items: center;justify-content: center;color: var(--lumo-secondary-text-color)}h4.section-header{margin-top: 2rem;margin-bottom: 0.5rem;padding-top: 1rem;padding-bottom: 0.5rem;border-top: 2px solid var(--lumo-contrast-10pct);color: var(--lumo-primary-color);font-weight: 600;font-size: 1.1rem}vaadin-big-decimal-field.bold-label{--vaadin-input-field-label-font-weight: bolder;--vaadin-input-field-label-font-size: 1em}vaadin-big-decimal-field.bold-label::part(label){font-weight: bolder;font-size: 1em}.transactions-view{display: block;height: 100%}.transactions-view vaadin-grid-pro{height: 100%}.transactions-view vaadin-grid-filter,.transactions-view vaadin-grid-filter>*{width: 100%}.transactions-view vaadin-grid-pro vaadin-horizontal-layout{align-items: center}.transactions-view vaadin-grid-pro img{border-radius: 50%;flex-shrink: 0;height: var(--lumo-size-m);width: var(--lumo-size-m)}.transactions-view .name{overflow: hidden;text-overflow: ellipsis}vaadin-grid::part(manual-transaction){background-color: rgba(255,171,0,0.16)}vaadin-grid::part(unassigned-transaction){background-color: rgba(255,61,0,0.12)}vaadin-button.tx-action,vaadin-button.tx-action::part(label){overflow: visible;text-overflow: clip}vaadin-grid-cell-content:has(>vaadin-button.tx-action){overflow: visible;text-overflow: clip}vaadin-grid.tx-assign-grid vaadin-grid-cell-content :is( vaadin-combo-box,vaadin-text-field,vaadin-big-decimal-field,vaadin-number-field,vaadin-date-picker){--lumo-font-size-m: var(--lumo-font-size-s)}[theme~="dark"]{}vaadin-side-nav-item.mode-switcher::part(content){background-color: var(--lumo-primary-color);border-radius: var(--lumo-border-radius-m);font-weight: 600}vaadin-side-nav-item.mode-switcher::part(content):hover{background-color: var(--lumo-primary-color-50pct)}vaadin-side-nav-item.mode-switcher::part(link),vaadin-side-nav-item.mode-switcher::part(toggle-button){color: var(--lumo-primary-contrast-color)}.vertical-datetimepicker vaadin-date-picker,.vertical-datetimepicker vaadin-time-picker{--vaadin-field-default-width: auto}.error-label{background-color: var(--lumo-error-color-10pct);border-radius: var(--lumo-border-radius-m);margin-top: var(--lumo-space-m);margin-bottom: var(--lumo-space-s);color: var(--lumo-error-text-color)}.error-label div{padding: var(--lumo-space-m)}.success-label{background-color: var(--lumo-success-color-10pct);border-radius: var(--lumo-border-radius-m);margin-top: var(--lumo-space-m);margin-bottom: var(--lumo-space-s);color: var(--lumo-success-text-color)}.success-label div{padding: var(--lumo-space-m)}