html{--lumo-primary-color: #0078d4;--lumo-primary-text-color: #0078d4;--lumo-primary-color-50pct: rgba(0, 120, 212, .5);--lumo-primary-color-10pct: rgba(0, 120, 212, .1);--lumo-font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--lumo-border-radius-s: 2px;--lumo-border-radius-m: 2px;--lumo-border-radius-l: 4px;--lumo-success-color: #107c10;--lumo-success-color-10pct: rgba(16, 124, 16, .1);--lumo-success-text-color: #107c10;--lumo-error-color: #d13438;--lumo-error-color-10pct: rgba(209, 52, 56, .1);--lumo-error-text-color: #d13438;--lumo-warning-color: #c19c00;--lumo-warning-color-10pct: rgba(193, 156, 0, .1)}html:not([theme~=dark]){--lumo-body-text-color: #201f1e;--lumo-secondary-text-color: #605e5c;--lumo-tertiary-text-color: #a19f9d;--lumo-header-text-color: #201f1e;--lumo-disabled-text-color: #a19f9d;--lumo-base-color: #ffffff;--lumo-shade-5pct: #f3f2f1;--lumo-shade-10pct: #edebe9;--lumo-shade-20pct: #e1dfdd;--lumo-contrast-5pct: #f3f2f1;--lumo-contrast-10pct: #e1dfdd;--lumo-contrast-20pct: #c8c6c4;--lumo-contrast-30pct: #a19f9d;--lumo-contrast-50pct: #8a8886}vaadin-connection-indicator{display:none!important}vaadin-app-layout{--vaadin-app-layout-drawer-overlay: false;background-color:var(--lumo-contrast-5pct)}vaadin-app-layout::part(content){background-color:var(--lumo-contrast-5pct)}vaadin-app-layout::part(navbar){background-color:var(--lumo-base-color);border-bottom:1px solid var(--lumo-contrast-10pct);box-shadow:0 1px 2px #0000000f;min-height:48px;padding:0}.app-sidebar{height:100%;background:var(--lumo-base-color);border-right:1px solid var(--lumo-contrast-10pct);display:flex;flex-direction:column;box-sizing:border-box}.sidebar-logo-row{padding:12px 16px 10px;border-bottom:1px solid var(--lumo-contrast-10pct);margin-bottom:4px;align-items:center;gap:10px}.sidebar-logo{height:28px;width:auto}.sidebar-app-name{font-size:15px;font-weight:600;color:var(--lumo-primary-color);letter-spacing:-.2px}.side-nav-styled vaadin-side-nav-item{border-radius:2px;margin:1px 6px;font-size:13.5px;transition:background-color .1s ease}.side-nav-styled vaadin-side-nav-item::part(item){border-radius:2px;padding:0 10px;min-height:36px;color:var(--lumo-body-text-color);font-size:13.5px}.side-nav-styled vaadin-side-nav-item:hover::part(item){background-color:var(--lumo-contrast-5pct);color:var(--lumo-primary-color)}.side-nav-styled vaadin-side-nav-item[active]::part(item){background-color:var(--lumo-primary-color-10pct);color:var(--lumo-primary-color);font-weight:600;border-left:3px solid var(--lumo-primary-color);padding-left:7px}.sidebar-user-section{border-top:1px solid var(--lumo-contrast-10pct);padding:8px 12px;background:var(--lumo-contrast-5pct)}.sidebar-username{font-size:12px;color:var(--lumo-secondary-text-color);padding:2px 0 4px;display:block;font-weight:500}.sidebar-logout{font-size:12px;color:var(--lumo-secondary-text-color)}.sidebar-dark-mode-toggle{color:var(--lumo-secondary-text-color)!important;flex-shrink:0}.app-topbar{border-bottom:none;background:transparent;height:48px;align-items:center}.page-title{font-size:14px;font-weight:600;color:var(--lumo-body-text-color);letter-spacing:0}.search-button,.dark-mode-toggle{color:var(--lumo-secondary-text-color)!important}.crm-command-bar{background-color:var(--lumo-base-color);border-bottom:1px solid var(--lumo-contrast-10pct);padding:0 16px;width:100%;box-sizing:border-box;display:flex;gap:4px;align-items:center;flex-wrap:wrap;min-height:44px}.crm-command-bar vaadin-button{font-size:13px;font-weight:400;height:32px;min-width:0;border-radius:2px;border:1px solid var(--lumo-contrast-50pct);background-color:var(--lumo-base-color);color:var(--lumo-body-text-color);padding:0 12px;transition:background-color .1s ease,border-color .1s ease}.crm-command-bar vaadin-button:hover{background-color:var(--lumo-contrast-5pct);border-color:var(--lumo-secondary-text-color)}.crm-command-bar vaadin-button[theme~=primary]{background-color:var(--lumo-primary-color);border-color:var(--lumo-primary-color);color:var(--lumo-base-color)}.crm-command-bar vaadin-button[theme~=primary]:hover{background-color:#106ebe;border-color:#106ebe}.crm-command-bar vaadin-button[theme~=error]{background-color:var(--lumo-base-color);border-color:var(--lumo-error-color);color:var(--lumo-error-color);font-weight:500}.crm-command-bar vaadin-button[theme~=error]:hover{background-color:var(--lumo-error-color-10pct);border-color:#b02226;color:#b02226}.crm-command-bar vaadin-button[theme~=success]{background-color:var(--lumo-base-color);border-color:var(--lumo-success-color);color:var(--lumo-success-color)}.crm-command-bar vaadin-button[theme~=success]:hover{background-color:var(--lumo-success-color-10pct);border-color:#0b5a0b;color:#0b5a0b}.crm-command-bar vaadin-button[theme~=tertiary]{border-color:transparent;background-color:transparent;color:var(--lumo-primary-color)}.crm-command-bar vaadin-button[theme~=tertiary]:hover{background-color:var(--lumo-primary-color-10pct);border-color:transparent}vaadin-vertical-layout.invoice-form,vaadin-vertical-layout.payments-view{padding:0;gap:0}.panel{height:auto!important;width:calc(100% - 32px)!important;border:1px solid var(--lumo-contrast-10pct);border-radius:4px;padding:16px 20px;background:var(--lumo-base-color);box-shadow:0 1px 2px #0000000a;box-sizing:border-box;margin:0 16px 12px;min-width:0;transition:box-shadow .15s ease}.panel:hover{box-shadow:0 2px 6px #00000017;border-color:var(--lumo-contrast-20pct)}.panel h2,.panel .label{font-size:18px;font-weight:600;color:var(--lumo-body-text-color);margin:0;line-height:1.3}.panel [class=line]{background-color:var(--lumo-contrast-10pct)!important;height:1px!important;margin:4px 0 8px}.filter-bar{background-color:var(--lumo-base-color);border-bottom:1px solid var(--lumo-contrast-10pct);border-radius:0;padding:8px 16px!important;margin-bottom:0}vaadin-grid::part(header-cell){background-color:var(--lumo-contrast-5pct);color:var(--lumo-secondary-text-color);font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;border-bottom:1px solid var(--lumo-contrast-10pct);padding:0 12px;min-height:36px}vaadin-grid::part(body-cell){font-size:13.5px;color:var(--lumo-body-text-color);border-bottom:1px solid var(--lumo-contrast-5pct);padding:0 12px;min-height:40px}vaadin-grid::part(row):hover{background-color:var(--lumo-contrast-5pct);cursor:pointer}vaadin-grid::part(selected-row-cell){background-color:var(--lumo-primary-color-10pct)}vaadin-grid::part(first-body-cell){padding-left:12px}vaadin-grid.member-grid-striped::part(even-row-cell){background-color:var(--lumo-contrast-5pct)}vaadin-grid.member-grid-striped::part(row):hover{background-color:var(--lumo-primary-color-10pct)}vaadin-grid.member-grid-striped::part(body-cell){cursor:pointer}vaadin-grid.payments-grid::part(high-rating){background-color:#107c100f}vaadin-grid.payments-grid::part(medium-rating){background-color:#c19c000f}vaadin-grid.payments-grid::part(low-rating){background-color:#d134380f}vaadin-grid.payments-grid::part(loading-row-cell){background-color:var(--lumo-base-color)}vaadin-grid.payments-grid::part(font-weight-bold){font-weight:600}.dashboard-view{padding:20px;gap:20px;background-color:var(--lumo-contrast-5pct)}.kpi-row{gap:12px;flex-wrap:wrap}.kpi-card{flex:1;min-width:150px;background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:4px;padding:16px 20px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 2px #0000000f;transition:box-shadow .15s ease;box-sizing:border-box}.kpi-card:hover{box-shadow:0 2px 8px #0000001a}.kpi-icon{width:20px;height:20px;color:var(--lumo-primary-color);margin-bottom:4px}.kpi-value{font-size:28px;font-weight:600;line-height:1;color:var(--lumo-body-text-color)}.kpi-label{font-size:12px;color:var(--lumo-secondary-text-color);font-weight:400;margin-top:2px}.contract-type-badge,.payment-status-badge{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:2px 8px;border-radius:10px}.contract-type-member-regular{--lumo-badge-color: var(--lumo-success-color);--lumo-badge-background-color: var(--lumo-success-color-10pct)}.contract-type-member-occasional{--lumo-badge-color: var(--lumo-primary-color);--lumo-badge-background-color: var(--lumo-primary-color-10pct)}.contract-type-candidate-regular{--lumo-badge-color: var(--lumo-secondary-text-color);--lumo-badge-background-color: var(--lumo-shade-10pct)}.contract-type-none-visitor{--lumo-badge-color: #835b00;--lumo-badge-background-color: #fff4ce}.payment-status-pending{--lumo-badge-color: var(--lumo-error-color);--lumo-badge-background-color: var(--lumo-error-color-10pct)}.payment-status-partially-used{--lumo-badge-color: #835b00;--lumo-badge-background-color: #fff4ce}.payment-status-used{--lumo-badge-color: var(--lumo-success-color);--lumo-badge-background-color: var(--lumo-success-color-10pct)}.person-form-panel{border:none;border-left:1px solid var(--lumo-contrast-10pct);border-radius:0;padding:16px;background:var(--lumo-base-color);box-shadow:-2px 0 8px #00000014}.compact-table{font-size:12px;border-collapse:collapse;border-spacing:0;width:100%;display:table}.compact-table tr:nth-child(odd){background-color:var(--lumo-base-color)}.compact-table tr:nth-child(2n){background-color:var(--lumo-contrast-5pct)}.compact-table tr{border-bottom:1px solid var(--lumo-contrast-10pct)}.compact-table th:first-child,.compact-table td:first-child{padding-left:12px}.compact-table td,.compact-table th{padding:6px 8px;display:table-cell;text-align:left}.compact-table th{font-size:11px;font-weight:600;color:var(--lumo-secondary-text-color);background-color:var(--lumo-contrast-5pct);text-transform:uppercase;letter-spacing:.03em}.compact-table vaadin-button[theme~=icon]{transform:scale(.8);margin:0;padding:0}.total-footer-cell{font-weight:600;font-size:13px}.command-palette{border-radius:4px}.command-palette-search{font-size:14px}.command-palette-results{max-height:360px;overflow-y:auto}.palette-result-item{text-align:left;border-radius:2px;padding:6px 12px;font-size:13px}.palette-result-item:hover{background:var(--lumo-contrast-5pct)}.palette-no-results{color:var(--lumo-secondary-text-color);font-size:13px;padding:16px;text-align:center;display:block}.kanban-board{overflow-x:auto;padding:16px;gap:12px;align-items:flex-start;background-color:var(--lumo-contrast-5pct)}.kanban-column{background:var(--lumo-shade-10pct);border-radius:4px;min-height:200px;flex-shrink:0}.kanban-column-header{margin-bottom:8px}.kanban-column-title{margin:0;font-size:11px;font-weight:600;color:var(--lumo-secondary-text-color);text-transform:uppercase;letter-spacing:.06em}.kanban-card{background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:2px;padding:10px 12px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 2px #0000000f;transition:box-shadow .15s ease;cursor:pointer}.kanban-card:hover{box-shadow:0 2px 6px #0000001f}.kanban-card-number{font-size:11px;color:var(--lumo-tertiary-text-color)}.kanban-card-member{font-weight:600;font-size:13px;color:var(--lumo-body-text-color)}.kanban-card-amount{color:var(--lumo-primary-color);font-size:13px;font-weight:500}.header-shadow{box-shadow:0 1px 2px #0000000f;border-bottom:1px solid var(--lumo-contrast-10pct)}@media all and (max-width: 1100px){.list-view.editing .toolbar,.list-view.editing .contact-grid{display:none}}.action-buttons{display:flex;gap:4px;opacity:.25;transition:opacity .2s ease}vaadin-grid::part(row):hover .action-buttons,vaadin-grid::part(selected-row):hover .action-buttons{opacity:1}vaadin-grid::part(selected-row-cell) .action-buttons{opacity:.5}vaadin-text-field::part(input-field),vaadin-email-field::part(input-field),vaadin-integer-field::part(input-field),vaadin-number-field::part(input-field),vaadin-password-field::part(input-field){border-radius:2px;border:1px solid var(--lumo-contrast-50pct);background:var(--lumo-base-color);min-height:32px;padding:0 8px;transition:border-color .1s ease}vaadin-text-field:hover::part(input-field),vaadin-email-field:hover::part(input-field),vaadin-integer-field:hover::part(input-field),vaadin-number-field:hover::part(input-field),vaadin-password-field:hover::part(input-field){border-color:var(--lumo-body-text-color)}vaadin-text-field:focus-within::part(input-field),vaadin-email-field:focus-within::part(input-field),vaadin-integer-field:focus-within::part(input-field),vaadin-number-field:focus-within::part(input-field),vaadin-password-field:focus-within::part(input-field){border-color:var(--lumo-primary-color);border-width:1px;box-shadow:none}vaadin-text-field[readonly]::part(input-field),vaadin-email-field[readonly]::part(input-field),vaadin-integer-field[readonly]::part(input-field),vaadin-number-field[readonly]::part(input-field){background:var(--lumo-contrast-5pct);border-color:var(--lumo-contrast-10pct)}vaadin-text-field::part(label),vaadin-email-field::part(label),vaadin-integer-field::part(label),vaadin-number-field::part(label),vaadin-password-field::part(label){font-size:12px;font-weight:600;color:var(--lumo-body-text-color);padding-bottom:2px}vaadin-combo-box::part(input-field){border-radius:2px;border:1px solid var(--lumo-contrast-50pct);background:var(--lumo-base-color);min-height:32px;transition:border-color .1s ease}vaadin-combo-box:hover::part(input-field){border-color:var(--lumo-body-text-color)}vaadin-combo-box:focus-within::part(input-field){border-color:var(--lumo-primary-color);box-shadow:none}vaadin-combo-box[readonly]::part(input-field){background:var(--lumo-contrast-5pct);border-color:var(--lumo-contrast-10pct)}vaadin-combo-box::part(label){font-size:12px;font-weight:600;color:var(--lumo-body-text-color);padding-bottom:2px}vaadin-select::part(input-field){border-radius:2px;border:1px solid var(--lumo-contrast-50pct);background:var(--lumo-base-color);min-height:32px;transition:border-color .1s ease}vaadin-select:hover::part(input-field){border-color:var(--lumo-body-text-color)}vaadin-select:focus-within::part(input-field){border-color:var(--lumo-primary-color);box-shadow:none}vaadin-select[readonly]::part(input-field){background:var(--lumo-contrast-5pct);border-color:var(--lumo-contrast-10pct)}vaadin-select::part(label){font-size:12px;font-weight:600;color:var(--lumo-body-text-color);padding-bottom:2px}vaadin-date-picker::part(input-field){border-radius:2px;border:1px solid var(--lumo-contrast-50pct);background:var(--lumo-base-color);min-height:32px;transition:border-color .1s ease}vaadin-date-picker:hover::part(input-field){border-color:var(--lumo-body-text-color)}vaadin-date-picker:focus-within::part(input-field){border-color:var(--lumo-primary-color);box-shadow:none}vaadin-date-picker[readonly]::part(input-field){background:var(--lumo-contrast-5pct);border-color:var(--lumo-contrast-10pct)}vaadin-date-picker::part(label){font-size:12px;font-weight:600;color:var(--lumo-body-text-color);padding-bottom:2px}vaadin-tabs{border-bottom:1px solid var(--lumo-contrast-10pct);padding:0 16px;background:var(--lumo-base-color)}vaadin-tabs::part(tabs){gap:0}vaadin-tab{color:var(--lumo-secondary-text-color);font-size:13.5px;font-weight:400;padding:10px 16px;border-radius:0;min-width:0;position:relative;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .1s ease}vaadin-tab:after{display:none!important}vaadin-tab:hover{color:var(--lumo-body-text-color);background:transparent}vaadin-tab[selected]{color:var(--lumo-primary-color);font-weight:600;border-bottom:2px solid var(--lumo-primary-color);background:transparent}vaadin-tab::part(tab-content){padding:0}vaadin-grid{border:1px solid var(--lumo-contrast-10pct);border-radius:2px;margin:0 16px 16px}.invoice-form vaadin-grid,.payments-view vaadin-grid{margin:0 16px 16px}vaadin-horizontal-layout.members>vaadin-grid{margin:0;border-top:none;border-left:none;border-bottom:none;border-radius:0}.panel vaadin-grid{margin:0}vaadin-grid vaadin-text-field,vaadin-grid vaadin-integer-field,vaadin-grid vaadin-number-field{width:100%;min-width:0}vaadin-grid vaadin-horizontal-layout{padding:0!important;gap:4px}vaadin-button:not(.crm-command-bar vaadin-button):not(.sidebar-logout){border-radius:2px;font-size:13px;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}vaadin-dialog-overlay::part(overlay){border-radius:4px;border:1px solid var(--lumo-contrast-10pct);box-shadow:0 8px 24px #00000029}vaadin-dialog-overlay::part(header){border-bottom:1px solid var(--lumo-contrast-10pct);padding:16px 20px 12px;font-size:16px;font-weight:600;color:var(--lumo-body-text-color)}vaadin-dialog-overlay::part(content){padding:16px 20px;font-size:13.5px;color:var(--lumo-body-text-color)}vaadin-dialog-overlay::part(footer){border-top:1px solid var(--lumo-contrast-10pct);padding:12px 20px;gap:8px}vaadin-notification-card::part(overlay){border-radius:2px;border-left:4px solid var(--lumo-primary-color);box-shadow:0 4px 12px #00000024;font-size:13px;padding:10px 16px}vaadin-notification-card[theme~=success]::part(overlay){border-left-color:var(--lumo-success-color)}vaadin-notification-card[theme~=error]::part(overlay){border-left-color:var(--lumo-error-color)}vaadin-notification-card[theme~=warning]::part(overlay){border-left-color:#c19c00}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--lumo-contrast-20pct);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--lumo-contrast-50pct)}::-webkit-scrollbar-corner{background:transparent}.panel vaadin-vertical-layout>span,.panel [class*=section-title]{font-size:11px;font-weight:700;color:var(--lumo-secondary-text-color);text-transform:uppercase;letter-spacing:.06em}.invoice-form{padding:0!important;gap:0!important}.invoice-form>.crm-command-bar{margin-bottom:0}.payments-view,.member-view{padding:0!important;gap:0!important}vaadin-details::part(summary){font-size:13px;color:var(--lumo-primary-color);font-weight:500;padding:8px 0}vaadin-details::part(summary):hover{color:#106ebe}vaadin-details::part(toggle){color:var(--lumo-primary-color)}vaadin-details::part(content){padding:8px 0 0;border-top:1px solid var(--lumo-contrast-10pct);margin-top:4px}vaadin-avatar::part(abbr){font-size:32px;font-weight:600;background-color:var(--lumo-shade-10pct);color:var(--lumo-secondary-text-color)}.member-photo-avatar{width:48px;height:48px;flex-shrink:0;border:2px solid var(--lumo-contrast-10pct);border-radius:50%}.photo-section{gap:10px;padding:4px 0 8px}.photo-section vaadin-upload{padding:0;border:none}vaadin-side-nav{padding:4px 0;width:100%}.login-view{background-color:var(--lumo-contrast-5pct)}.login-card{background:#fff;border:1px solid var(--lumo-contrast-10pct);border-top:3px solid var(--lumo-primary-color);border-radius:4px;box-shadow:0 4px 16px #0000001f;width:400px;overflow:hidden}.login-brand{background:#fff;padding:28px 32px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;border-bottom:1px solid var(--lumo-contrast-10pct)}.login-logo{width:64px;height:64px;object-fit:contain}.login-title{color:var(--lumo-body-text-color);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.01em}.login-subtitle{color:var(--lumo-secondary-text-color);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:400;letter-spacing:.01em}vaadin-login-form-wrapper::part(card){border:none;box-shadow:none;border-radius:0;padding:24px 32px 32px}vaadin-login-form-wrapper::part(brand){display:none}.forgot-password-body{padding:24px 32px 32px;display:flex;flex-direction:column;gap:12px}.forgot-password-heading{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;color:var(--lumo-body-text-color);margin:0}.forgot-password-description{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;color:var(--lumo-secondary-text-color);margin:0;line-height:1.5}vaadin-checkbox::part(checkbox){border-radius:2px;border:1.5px solid var(--lumo-contrast-50pct);width:16px;height:16px}vaadin-checkbox:hover::part(checkbox){border-color:var(--lumo-primary-color)}vaadin-checkbox[checked]::part(checkbox){background:var(--lumo-primary-color);border-color:var(--lumo-primary-color)}[theme~=badge]{border-radius:10px;font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 8px;text-transform:uppercase}[theme~=badge][theme~=success]{background-color:var(--lumo-success-color-10pct);color:var(--lumo-success-color)}[theme~=badge][theme~=error]{background-color:var(--lumo-error-color-10pct);color:var(--lumo-error-color)}[theme~=badge][theme~=contrast]{background-color:var(--lumo-shade-10pct);color:var(--lumo-secondary-text-color)}.column-filter-header{width:100%;gap:0!important}.column-header-title{font-size:var(--lumo-font-size-s);font-weight:600;color:var(--lumo-header-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.column-filter-btn{color:var(--lumo-tertiary-text-color);flex-shrink:0;transition:color .15s ease,background-color .15s ease;border-radius:2px!important;padding:2px!important}.column-filter-btn:hover,.column-filter-btn[data-active=true]{color:var(--lumo-primary-color)!important;background-color:var(--lumo-primary-color-10pct)!important}vaadin-text-field.column-filter-input,vaadin-combo-box.column-filter-input{--lumo-text-field-size: 32px;width:100%}vaadin-text-field.column-filter-input::part(input-field),vaadin-combo-box.column-filter-input::part(input-field){font-size:var(--lumo-font-size-s);background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-20pct);border-radius:2px}vaadin-text-field.column-filter-input::part(input-field):focus-within,vaadin-combo-box.column-filter-input::part(input-field):focus-within{border-color:var(--lumo-primary-color);box-shadow:inset 0 0 0 1px var(--lumo-primary-color)}vaadin-dialog-overlay[theme~=column-filter]::part(overlay){border:1px solid var(--lumo-contrast-10pct);border-radius:4px;box-shadow:0 4px 16px #0000001f;padding:0;min-height:0;position:fixed!important;inset:unset!important;left:var(--filter-left, 100px)!important;top:var(--filter-top, 60px)!important;margin:0!important;transform:none!important}vaadin-dialog-overlay[theme~=column-filter]::part(content){padding:10px 12px}vaadin-dialog-overlay[theme~=column-filter]::part(backdrop){display:none}.column-filter-btn[data-has-filter=true]{color:var(--lumo-primary-color)!important}.action-buttons vaadin-button{color:var(--lumo-tertiary-text-color);transition:color .15s ease,transform .15s ease,background-color .15s ease;border-radius:4px!important;padding:2px!important}.action-buttons vaadin-button:hover{color:var(--lumo-primary-color);transform:scale(1.25);background-color:var(--lumo-primary-color-10pct)!important;cursor:pointer}quill-editor.template-body-editor{display:block;width:100%;border:1px solid var(--lumo-contrast-20pct);border-radius:2px;overflow:hidden}quill-editor.template-body-editor .ql-toolbar.ql-snow{border:none;border-bottom:1px solid var(--lumo-contrast-10pct);background-color:var(--lumo-contrast-5pct);font-family:var(--lumo-font-family)}quill-editor.template-body-editor .ql-container.ql-snow{border:none;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m)}quill-editor.template-body-editor .ql-editor{min-height:280px;color:var(--lumo-body-text-color);background-color:var(--lumo-base-color)}quill-editor.template-body-editor .ql-editor.ql-blank:before{color:var(--lumo-tertiary-text-color);font-style:normal}quill-editor.template-body-editor .ql-snow .ql-stroke{stroke:var(--lumo-secondary-text-color)}quill-editor.template-body-editor .ql-snow .ql-fill{fill:var(--lumo-secondary-text-color)}quill-editor.template-body-editor .ql-snow .ql-picker{color:var(--lumo-secondary-text-color)}quill-editor.template-body-editor .ql-snow button:hover .ql-stroke,quill-editor.template-body-editor .ql-snow .ql-picker-label:hover .ql-stroke,quill-editor.template-body-editor .ql-snow button.ql-active .ql-stroke{stroke:var(--lumo-primary-color)}quill-editor.template-body-editor .ql-snow button:hover .ql-fill,quill-editor.template-body-editor .ql-snow button.ql-active .ql-fill{fill:var(--lumo-primary-color)}quill-editor.template-body-editor .ql-snow .ql-picker-label:hover,quill-editor.template-body-editor .ql-snow .ql-picker-item:hover{color:var(--lumo-primary-color)}vaadin-horizontal-layout.panel{flex-wrap:wrap;gap:0}vaadin-horizontal-layout.panel>vaadin-vertical-layout{flex:1 1 280px;min-width:0}div.panel>vaadin-horizontal-layout{width:100%;flex-wrap:wrap;gap:8px;padding:0!important}div.panel>vaadin-horizontal-layout>vaadin-combo-box{flex-grow:1;min-width:120px}@media all and (max-width: 640px){.panel{margin:0 8px 8px;padding:12px;width:calc(100% - 16px)!important}.crm-command-bar{padding:0 8px;min-height:40px}vaadin-grid{margin:0 8px 8px}.panel vaadin-grid{margin:0}}