.wpl-toolbar{display:flex;align-items:center;gap:var(--wpl-space-sm, 8px);padding:var(--wpl-toolbar-padding, .5em);background-color:var(--wpl-toolbar-bg, var(--lumo-contrast-5pct));border-radius:var(--wpl-toolbar-radius, 5px);width:100%}.wpl-toolbar-header{border-radius:var(--wpl-toolbar-radius, 5px) var(--wpl-toolbar-radius, 5px) 0 0}.wpl-toolbar-content{border-radius:0 0 var(--wpl-toolbar-radius, 5px) var(--wpl-toolbar-radius, 5px)}.wpl-toolbar-standalone{border-radius:var(--wpl-toolbar-radius, 5px)}.wpl-toolbar-title{margin:auto;font-size:var(--wpl-toolbar-title-size, 1.2em);font-weight:var(--wpl-toolbar-title-weight, bold);color:var(--wpl-toolbar-title-color, var(--lumo-primary-color))}.wpl-toolbar-label{margin-top:.3em;font-size:var(--wpl-toolbar-label-size, .9em);color:var(--wpl-toolbar-label-color, inherit);font-weight:600;white-space:nowrap}.wpl-toolbar-button-secondary{background:transparent!important;color:var(--wpl-text-secondary, #6B7280)!important;border:none!important;box-shadow:none!important}.wpl-toolbar-button-secondary:hover{background:var(--wpl-gray-100, #F3F4F6)!important;color:var(--wpl-text-primary, #000000)!important}.wpl-toolbar-button-secondary:active{background:var(--wpl-gray-200, #E5E7EB)!important}.wpl-toolbar vaadin-combo-box,.wpl-toolbar vaadin-select{--vaadin-input-field-height: 36px;font-size:14px}.wpl-toolbar vaadin-combo-box::part(input-field),.wpl-toolbar vaadin-select::part(input-field){min-height:36px;border-radius:6px;background:var(--wpl-bg-primary, #FFFFFF);border:1px solid var(--wpl-gray-300, #D1D5DB)}.wpl-toolbar vaadin-combo-box:focus-within::part(input-field),.wpl-toolbar vaadin-select:focus-within::part(input-field){border-color:var(--wpl-red-primary, #E1211A);box-shadow:0 0 0 2px #e1211a1a}.wpl-toolbar vaadin-text-field{--vaadin-input-field-height: 36px;font-size:14px}.wpl-toolbar vaadin-text-field::part(input-field){min-height:36px;border-radius:6px;background:var(--wpl-bg-primary, #FFFFFF);border:1px solid var(--wpl-gray-300, #D1D5DB)}.wpl-toolbar vaadin-text-field:focus-within::part(input-field){border-color:var(--wpl-red-primary, #E1211A);box-shadow:0 0 0 2px #e1211a1a}.wpl-toolbar-divider{width:1px;height:24px;background:var(--wpl-gray-300, #D1D5DB);margin:0 8px}.wpl-form{display:flex;flex-direction:column;gap:var(--wpl-form-gap, var(--wpl-space-md, 16px))}.wpl-form-section{padding:var(--wpl-form-section-padding, var(--wpl-space-md, 16px));background:var(--wpl-form-section-bg, var(--wpl-bg-primary, #FFFFFF));border-radius:var(--wpl-form-section-radius, 8px);border:var(--wpl-form-section-border, 1px solid var(--wpl-gray-200, #E5E7EB))}.wpl-form-field{display:flex;flex-direction:column;gap:var(--wpl-form-field-gap, 4px)}.wpl-form-field-label{font-size:var(--wpl-form-label-size, 14px);font-weight:var(--wpl-form-label-weight, 500);color:var(--wpl-form-label-color, var(--wpl-text-secondary, #6A6A6A))}.wpl-form-field-required:after{content:" *";color:var(--wpl-error, #F57C00)}.wpl-form-footer{display:flex;justify-content:flex-end;gap:var(--wpl-space-sm, 8px);padding:var(--wpl-form-footer-padding, var(--wpl-space-md, 16px));background:var(--wpl-form-footer-bg, var(--wpl-bg-secondary, #F5F5F5))}.wpl-button{min-height:var(--wpl-button-height, 44px);padding:var(--wpl-button-padding, 0 16px);font-size:var(--wpl-button-font-size, 16px);font-weight:var(--wpl-button-font-weight, 500);border-radius:var(--wpl-button-radius, 8px);cursor:pointer;transition:all .2s ease}.wpl-button-primary{background:var(--wpl-button-primary-bg, var(--wpl-red-primary, #E1211A));color:var(--wpl-button-primary-color, #FFFFFF)}.wpl-button-primary:hover{background:var(--wpl-button-primary-hover, var(--wpl-red-hover, #B01814))}.wpl-button-secondary{background:var(--wpl-button-secondary-bg, transparent);color:var(--wpl-button-secondary-color, var(--wpl-text-primary, #000000));border:1px solid var(--wpl-button-secondary-border, var(--wpl-gray-300, #D1D5DB))}.wpl-button-danger{background:var(--wpl-button-danger-bg, var(--wpl-error, #F57C00));color:var(--wpl-button-danger-color, #FFFFFF)}.wpl-button-icon{min-width:var(--wpl-button-height, 44px);padding:0;display:inline-flex;align-items:center;justify-content:center}.wpl-button-large{min-height:var(--wpl-button-large-height, 56px);font-size:var(--wpl-button-large-font-size, 18px);padding:var(--wpl-button-large-padding, 0 24px)}.wpl-button-small{min-height:var(--wpl-button-small-height, 32px);font-size:var(--wpl-button-small-font-size, 14px);padding:var(--wpl-button-small-padding, 0 12px)}.wpl-button-link{background:transparent;color:var(--wpl-button-link-color, var(--wpl-blue-primary, #007AFF));border:none;text-decoration:underline;padding:0;min-height:auto}.wpl-button-link:hover{color:var(--wpl-button-link-hover, var(--wpl-blue-dark, #0051D5))}.wpl-button-plain{background:transparent;color:var(--wpl-button-plain-color, var(--wpl-text-primary, #000000));border:none}.wpl-button-plain:hover{background:var(--wpl-button-plain-hover-bg, var(--wpl-gray-100, #F3F4F6))}.wpl-grid{border:var(--wpl-grid-border, 1px solid var(--wpl-gray-200, #E5E7EB));border-radius:var(--wpl-grid-radius, 8px);overflow:hidden}.wpl-grid-compact{font-size:var(--wpl-grid-compact-font-size, 14px)}.wpl-grid-compact .wpl-grid-row{padding:var(--wpl-grid-compact-padding, 8px)}.wpl-grid-borderless{border:none}.wpl-grid-borderless .wpl-grid-row{border-bottom:none}.wpl-grid-header{background:var(--wpl-grid-header-bg, var(--wpl-bg-secondary, #F5F5F5));font-weight:var(--wpl-grid-header-weight, 600);padding:var(--wpl-grid-header-padding, 12px)}.wpl-grid-row{border-bottom:1px solid var(--wpl-grid-row-border, var(--wpl-gray-100, #F3F4F6));padding:var(--wpl-grid-row-padding, 12px)}.wpl-grid-row:hover{background:var(--wpl-grid-row-hover, var(--wpl-gray-50, #F9FAFB))}.wpl-notification{padding:var(--wpl-notification-padding, 12px 16px);border-radius:var(--wpl-notification-radius, 8px);display:flex;align-items:center;gap:var(--wpl-space-sm, 8px)}.wpl-notification-error{background:var(--wpl-notification-error-bg, #FEF2F2);color:var(--wpl-notification-error-color, #991B1B);border:1px solid var(--wpl-notification-error-border, #FCA5A5)}.wpl-notification-warning{background:var(--wpl-notification-warning-bg, #FFFBEB);color:var(--wpl-notification-warning-color, #92400E);border:1px solid var(--wpl-notification-warning-border, #FCD34D)}.wpl-notification-info{background:var(--wpl-notification-info-bg, #EFF6FF);color:var(--wpl-notification-info-color, #1E40AF);border:1px solid var(--wpl-notification-info-border, #93C5FD)}.wpl-notification-success{background:var(--wpl-notification-success-bg, #F0FDF4);color:var(--wpl-notification-success-color, #166534);border:1px solid var(--wpl-notification-success-border, #86EFAC)}.wpl-layout-section{padding:var(--wpl-layout-section-padding, var(--wpl-space-lg, 24px));background:var(--wpl-layout-section-bg, var(--wpl-bg-primary, #FFFFFF))}.wpl-layout-header{padding:var(--wpl-layout-header-padding, var(--wpl-space-md, 16px));background:var(--wpl-layout-header-bg, var(--wpl-red-primary, #E1211A));color:var(--wpl-layout-header-color, #FFFFFF)}.wpl-layout-content{padding:var(--wpl-layout-content-padding, var(--wpl-space-md, 16px));background:var(--wpl-layout-content-bg, var(--wpl-bg-primary, #FFFFFF))}.wpl-title{font-size:var(--wpl-title-size, 1.5em);font-weight:var(--wpl-title-weight, bold);color:var(--wpl-title-color, var(--wpl-text-primary, #000000))}.wpl-subtitle{font-size:var(--wpl-subtitle-size, 1.2em);font-weight:var(--wpl-subtitle-weight, 600);color:var(--wpl-subtitle-color, var(--wpl-text-secondary, #6A6A6A))}.wpl-label{font-size:var(--wpl-label-size, .9em);color:var(--wpl-label-color, var(--wpl-text-secondary, #6A6A6A))}.wpl-error-text{color:var(--wpl-error, #F57C00);font-size:var(--wpl-error-text-size, .85em)}.wpl-warning-text{color:var(--wpl-warning, #F59E0B);font-size:var(--wpl-warning-text-size, .85em)}.wpl-gap-xs{gap:var(--wpl-space-xs, 4px)}.wpl-gap-sm{gap:var(--wpl-space-sm, 8px)}.wpl-gap-md{gap:var(--wpl-space-md, 16px)}.wpl-gap-lg{gap:var(--wpl-space-lg, 24px)}.wpl-gap-xl{gap:var(--wpl-space-xl, 32px)}.wpl-padding-xs{padding:var(--wpl-space-xs, 4px)}.wpl-padding-sm{padding:var(--wpl-space-sm, 8px)}.wpl-padding-md{padding:var(--wpl-space-md, 16px)}.wpl-padding-lg{padding:var(--wpl-space-lg, 24px)}.wpl-padding-xl{padding:var(--wpl-space-xl, 32px)}.wpl-margin-xs{margin:var(--wpl-space-xs, 4px)}.wpl-margin-sm{margin:var(--wpl-space-sm, 8px)}.wpl-margin-md{margin:var(--wpl-space-md, 16px)}.wpl-margin-lg{margin:var(--wpl-space-lg, 24px)}.wpl-margin-xl{margin:var(--wpl-space-xl, 32px)}@media(max-width:768px){.wpl-mobile-hidden{display:none!important}.wpl-mobile-stack{flex-direction:column!important}.wpl-mobile-full-width{width:100%!important}}@media(min-width:769px){.wpl-desktop-hidden{display:none!important}}.wpl-transition-all{transition:all .3s ease}.wpl-transition-colors{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.wpl-transition-opacity{transition:opacity .2s ease}.wpl-disabled{opacity:.5;pointer-events:none}.wpl-readonly{pointer-events:none;background:var(--wpl-readonly-bg, var(--wpl-gray-50, #F9FAFB))}.wpl-selected{background:var(--wpl-selected-bg, var(--wpl-red-light, #FFEBEE));border-color:var(--wpl-selected-border, var(--wpl-red-primary, #E1211A))}.wpl-active{background:var(--wpl-active-bg, var(--wpl-red-primary, #E1211A));color:var(--wpl-active-color, #FFFFFF)}.wpl-users-toolbar{background:var(--wpl-bg-primary, #FFFFFF)!important;border-bottom:1px solid var(--wpl-gray-200, #E5E7EB)!important;box-shadow:0 1px 3px #00000014!important;padding:12px 16px!important;gap:12px!important}.wpl-users-toolbar .wpl-toolbar-label{font-size:18px!important;font-weight:600!important;color:var(--wpl-text-primary, #000000)!important}:root{--wpl-red: #E1211A;--wpl-red-primary: #E1211A;--wpl-red-hover: #B01814;--wpl-red-active: #8F1310;--wpl-red-dark: #B01814;--wpl-red-light: #FFEBEE;--wpl-blue-primary: #007AFF;--wpl-blue-dark: #0051D5;--wpl-blue-light: #E3F2FD;--wpl-black: #000000;--wpl-silver: #ECECEC;--wpl-white: #FFFFFF;--wpl-gray: #9CA3AF;--wpl-gray-50: #F9FAFB;--wpl-gray-100: #F3F4F6;--wpl-gray-200: #E5E7EB;--wpl-gray-300: #D1D5DB;--wpl-gray-400: #9CA3AF;--wpl-gray-500: #6B7280;--wpl-gray-600: #4B5563;--wpl-gray-700: #374151;--wpl-gray-800: #1F2937;--wpl-gray-900: #111827;--wpl-error: #F57C00;--wpl-error-hover: #E86D00;--wpl-bg-primary: #FFFFFF;--wpl-bg-secondary: #F5F5F5;--wpl-bg-grouped: #ECECEC;--wpl-text-primary: #000000;--wpl-text-secondary: #6A6A6A;--wpl-text-tertiary: #8A8A8A;--wpl-text-on-primary: #FFFFFF;--wpl-space-xs: 4px;--wpl-space-sm: 8px;--wpl-space-md: 16px;--wpl-space-lg: 24px;--wpl-space-xl: 32px;--wpl-space-xxl: 48px;--wpl-space-3xl: 64px;--wpl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--wpl-font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--wpl-font-size-tiny: 12px;--wpl-font-size-small: 14px;--wpl-font-size-body: 16px;--wpl-font-size-large: 18px;--wpl-font-size-xlarge: 20px;--wpl-font-size-xxlarge: 24px;--wpl-font-size-h1: 32px;--wpl-font-size-h2: 28px;--wpl-font-size-h3: 24px;--wpl-font-weight-regular: 400;--wpl-font-weight-medium: 500;--wpl-font-weight-semibold: 600;--wpl-font-weight-bold: 700;--wpl-line-height-tight: 1.2;--wpl-line-height-normal: 1.5;--wpl-line-height-relaxed: 1.75;--wpl-touch-target: 44px;--wpl-button-height-mobile: 48px;--wpl-button-height-desktop: 40px;--wpl-input-height: 44px;--wpl-header-height-mobile: 44px;--wpl-header-height-desktop: 64px;--wpl-bottom-nav-height: 64px;--wpl-radius-sm: 4px;--wpl-radius-md: 10px;--wpl-radius-lg: 12px;--wpl-radius-xl: 16px;--wpl-radius-round: 50%;--wpl-border: #E5E7EB;--wpl-border-light: #F3F4F6;--wpl-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--wpl-shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--wpl-shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--wpl-shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--wpl-z-base: 1;--wpl-z-dropdown: 100;--wpl-z-sticky: 200;--wpl-z-modal: 1000;--wpl-z-bottom-nav: 500;--wpl-z-mobile-header: 400;--wpl-transition-fast: .15s ease-in-out;--wpl-transition-normal: .25s ease-in-out;--wpl-transition-slow: .35s ease-in-out;--vaadin-input-field-height: 44px;--lumo-size-m: 44px;--vaadin-input-field-disabled-value-color: #4A4A4A;--vaadin-input-field-disabled-background: #EBEBEB;--vaadin-input-field-readonly-border: 1px dashed #8A8A8A;--vaadin-input-field-disabled-helper-color: #6A6A6A;--vaadin-input-field-disabled-label-color: #5A5A5A}vaadin-text-field[readonly]::part(input-field),vaadin-text-area[readonly]::part(input-field),vaadin-email-field[readonly]::part(input-field),vaadin-password-field[readonly]::part(input-field),vaadin-integer-field[readonly]::part(input-field),vaadin-number-field[readonly]::part(input-field),vaadin-big-decimal-field[readonly]::part(input-field){background-color:#f5f5f5!important;cursor:default!important}vaadin-text-field[readonly] input,vaadin-email-field[readonly] input,vaadin-password-field[readonly] input,vaadin-integer-field[readonly] input,vaadin-number-field[readonly] input,vaadin-big-decimal-field[readonly] input{color:#1a1a1a!important;opacity:1!important;background:transparent!important}vaadin-text-area[readonly] textarea{color:#1a1a1a!important;opacity:1!important;background:transparent!important}vaadin-combo-box[readonly]::part(input-field),vaadin-select[readonly]::part(input-field){background-color:#f5f5f5!important;cursor:default!important}vaadin-combo-box[readonly] input,vaadin-select[readonly] vaadin-select-value-button{color:#1a1a1a!important;opacity:1!important;background:transparent!important}vaadin-date-picker[readonly]::part(input-field),vaadin-time-picker[readonly]::part(input-field),vaadin-date-time-picker[readonly]::part(input-field){background-color:#f5f5f5!important;cursor:default!important}vaadin-date-picker[readonly] input,vaadin-time-picker[readonly] input,vaadin-date-time-picker[readonly] input{color:#1a1a1a!important;opacity:1!important;background:transparent!important}vaadin-checkbox[readonly] label,vaadin-radio-button[readonly] label{color:#1a1a1a!important;opacity:1!important}vaadin-text-field[disabled]::part(input-field),vaadin-text-area[disabled]::part(input-field),vaadin-email-field[disabled]::part(input-field),vaadin-password-field[disabled]::part(input-field),vaadin-integer-field[disabled]::part(input-field),vaadin-number-field[disabled]::part(input-field),vaadin-big-decimal-field[disabled]::part(input-field){background-color:var(--vaadin-input-field-disabled-background)!important;cursor:not-allowed!important}vaadin-text-field[disabled] input,vaadin-email-field[disabled] input,vaadin-password-field[disabled] input,vaadin-integer-field[disabled] input,vaadin-number-field[disabled] input,vaadin-big-decimal-field[disabled] input{color:var(--vaadin-input-field-disabled-value-color)!important;opacity:1!important;background:transparent!important;-webkit-text-fill-color:var(--vaadin-input-field-disabled-value-color)!important}vaadin-text-area[disabled] textarea{color:var(--vaadin-input-field-disabled-value-color)!important;opacity:1!important;background:transparent!important;-webkit-text-fill-color:var(--vaadin-input-field-disabled-value-color)!important}vaadin-combo-box[disabled]::part(input-field),vaadin-select[disabled]::part(input-field){background-color:var(--vaadin-input-field-disabled-background)!important;cursor:not-allowed!important}vaadin-combo-box[disabled] input,vaadin-select[disabled] vaadin-select-value-button{color:var(--vaadin-input-field-disabled-value-color)!important;opacity:1!important;background:transparent!important;-webkit-text-fill-color:var(--vaadin-input-field-disabled-value-color)!important}vaadin-date-picker[disabled]::part(input-field),vaadin-time-picker[disabled]::part(input-field),vaadin-date-time-picker[disabled]::part(input-field){background-color:var(--vaadin-input-field-disabled-background)!important;cursor:not-allowed!important}vaadin-date-picker[disabled] input,vaadin-time-picker[disabled] input,vaadin-date-time-picker[disabled] input{color:var(--vaadin-input-field-disabled-value-color)!important;opacity:1!important;background:transparent!important;-webkit-text-fill-color:var(--vaadin-input-field-disabled-value-color)!important}vaadin-checkbox[disabled] label,vaadin-radio-button[disabled] label{color:var(--vaadin-input-field-disabled-value-color)!important;opacity:1!important}vaadin-button[disabled]{opacity:.6!important}vaadin-text-field[readonly]::part(label),vaadin-text-area[readonly]::part(label),vaadin-email-field[readonly]::part(label),vaadin-password-field[readonly]::part(label),vaadin-integer-field[readonly]::part(label),vaadin-number-field[readonly]::part(label),vaadin-combo-box[readonly]::part(label),vaadin-select[readonly]::part(label),vaadin-date-picker[readonly]::part(label),vaadin-time-picker[readonly]::part(label){color:#2a2a2a!important;opacity:1!important}vaadin-text-field[disabled]::part(label),vaadin-text-area[disabled]::part(label),vaadin-email-field[disabled]::part(label),vaadin-password-field[disabled]::part(label),vaadin-integer-field[disabled]::part(label),vaadin-number-field[disabled]::part(label),vaadin-combo-box[disabled]::part(label),vaadin-select[disabled]::part(label),vaadin-date-picker[disabled]::part(label),vaadin-time-picker[disabled]::part(label){color:var(--vaadin-input-field-disabled-label-color)!important;opacity:1!important}vaadin-grid[readonly] vaadin-grid-cell-content{color:#1a1a1a!important;opacity:1!important}vaadin-grid[disabled] vaadin-grid-cell-content{color:var(--vaadin-input-field-disabled-value-color)!important;opacity:1!important}vaadin-form-layout vaadin-form-item{--vaadin-form-item-label-spacing: var(--lumo-space-xs)}vaadin-text-field[readonly]::part(helper-text),vaadin-text-area[readonly]::part(helper-text),vaadin-email-field[readonly]::part(helper-text),vaadin-combo-box[readonly]::part(helper-text),vaadin-date-picker[readonly]::part(helper-text){color:#3a3a3a!important;opacity:1!important}vaadin-text-field[disabled]::part(helper-text),vaadin-text-area[disabled]::part(helper-text),vaadin-email-field[disabled]::part(helper-text),vaadin-combo-box[disabled]::part(helper-text),vaadin-date-picker[disabled]::part(helper-text){color:var(--vaadin-input-field-disabled-helper-color)!important;opacity:1!important}vaadin-text-field[readonly]:focus-within::part(input-field),vaadin-text-area[readonly]:focus-within::part(input-field),vaadin-combo-box[readonly]:focus-within::part(input-field),vaadin-date-picker[readonly]:focus-within::part(input-field){outline:2px solid var(--lumo-primary-color-50pct)!important;outline-offset:2px!important}@media(max-width:768px){vaadin-text-field[readonly] input,vaadin-text-field[disabled] input,vaadin-text-area[readonly] textarea,vaadin-text-area[disabled] textarea{font-size:var(--lumo-font-size-m)!important}}.wpl-readonly-field input,.wpl-readonly-field textarea,.wpl-readonly-field select{color:#1a1a1a!important;opacity:1!important;background-color:#f5f5f5!important;cursor:default!important}.wpl-disabled-field input,.wpl-disabled-field textarea,.wpl-disabled-field select{color:var(--vaadin-input-field-disabled-value-color)!important;opacity:1!important;background-color:var(--vaadin-input-field-disabled-background)!important;cursor:not-allowed!important}[theme~=dark]{--vaadin-input-field-disabled-value-color: #B8B8B8;--vaadin-input-field-disabled-background: #2A2A2A}[theme~=dark] vaadin-text-field[readonly]::part(input-field),[theme~=dark] vaadin-text-area[readonly]::part(input-field),[theme~=dark] vaadin-email-field[readonly]::part(input-field),[theme~=dark] vaadin-combo-box[readonly]::part(input-field){background-color:#2a2a2a!important}[theme~=dark] vaadin-text-field[readonly] input,[theme~=dark] vaadin-text-area[readonly] textarea,[theme~=dark] vaadin-email-field[readonly] input,[theme~=dark] vaadin-combo-box[readonly] input{color:#e8e8e8!important;opacity:1!important}[theme~=dark] vaadin-text-field[disabled] input,[theme~=dark] vaadin-text-area[disabled] textarea,[theme~=dark] vaadin-email-field[disabled] input,[theme~=dark] vaadin-combo-box[disabled] input{color:var(--vaadin-input-field-disabled-value-color)!important;opacity:1!important}vaadin-text-field[readonly][invalid]::part(input-field),vaadin-text-area[readonly][invalid]::part(input-field),vaadin-email-field[readonly][invalid]::part(input-field){border-color:var(--lumo-error-color)!important}vaadin-text-field[readonly]::part(error-message),vaadin-text-area[readonly]::part(error-message),vaadin-email-field[readonly]::part(error-message),vaadin-text-field[disabled]::part(error-message),vaadin-text-area[disabled]::part(error-message),vaadin-email-field[disabled]::part(error-message){opacity:1!important;color:var(--lumo-error-text-color)!important}vaadin-text-field[readonly] input::placeholder,vaadin-text-area[readonly] textarea::placeholder,vaadin-email-field[readonly] input::placeholder{color:#6a6a6a!important;opacity:1!important}vaadin-text-field[disabled] input::placeholder,vaadin-text-area[disabled] textarea::placeholder,vaadin-email-field[disabled] input::placeholder{color:#8a8a8a!important;opacity:1!important}vaadin-password-field,vaadin-text-field,vaadin-email-field,vaadin-text-area{color-scheme:light}vaadin-text-field,vaadin-password-field,vaadin-email-field,vaadin-number-field,vaadin-integer-field{--vaadin-input-field-height: 44px;--lumo-text-field-size: 44px}vaadin-text-field::part(input-field),vaadin-password-field::part(input-field),vaadin-email-field::part(input-field),vaadin-number-field::part(input-field),vaadin-integer-field::part(input-field),vaadin-date-picker::part(input-field),vaadin-time-picker::part(input-field),vaadin-combo-box::part(input-field),vaadin-select::part(input-field){min-height:44px!important;height:auto}vaadin-text-field>input,vaadin-password-field>input,vaadin-email-field>input,vaadin-number-field>input,vaadin-integer-field>input{min-height:44px!important;height:44px!important;box-sizing:border-box!important}vaadin-text-field:before,vaadin-password-field:before,vaadin-email-field:before,vaadin-number-field:before,vaadin-integer-field:before{height:44px!important;min-height:44px!important}vaadin-password-field input,vaadin-text-field input,vaadin-email-field input,vaadin-text-area textarea{color:#000!important;-webkit-text-fill-color:#000000!important;caret-color:#000!important}vaadin-password-field input::placeholder,vaadin-text-field input::placeholder,vaadin-email-field input::placeholder,vaadin-text-area textarea::placeholder{color:#8a8a8a!important;opacity:1!important}[theme~=dark] vaadin-password-field input,[theme~=dark] vaadin-text-field input,[theme~=dark] vaadin-email-field input,[theme~=dark] vaadin-text-area textarea{color:#fff!important;-webkit-text-fill-color:#FFFFFF!important;caret-color:#fff!important}[theme~=dark] vaadin-password-field input::placeholder,[theme~=dark] vaadin-text-field input::placeholder,[theme~=dark] vaadin-email-field input::placeholder,[theme~=dark] vaadin-text-area textarea::placeholder{color:#8e8e93!important;opacity:1!important}.wpl-mobile-header{position:sticky;top:0;left:0;right:0;z-index:var(--wpl-z-mobile-header);background-color:var(--wpl-red-primary);height:var(--wpl-header-height-mobile);min-height:var(--wpl-header-height-mobile);display:flex;align-items:center;justify-content:space-between;padding:0 var(--wpl-space-md);box-shadow:var(--wpl-shadow-sm);transition:height var(--wpl-transition-normal)}.wpl-mobile-header__logo{height:32px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.wpl-mobile-header__logo-link{display:flex;align-items:center;text-decoration:none;min-width:var(--wpl-touch-target);min-height:var(--wpl-touch-target);justify-content:center}.wpl-mobile-header__title{flex:1;color:var(--wpl-text-on-primary);font-family:var(--wpl-font-family);font-size:var(--wpl-font-size-large);font-weight:var(--wpl-font-weight-semibold);line-height:var(--wpl-line-height-tight);text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 var(--wpl-space-md)}.wpl-mobile-header__title--left{text-align:left;margin-left:var(--wpl-space-md);margin-right:auto}.wpl-mobile-header__actions{display:flex;align-items:center;gap:var(--wpl-space-sm)}.wpl-mobile-header__action-button{min-width:var(--wpl-touch-target);min-height:var(--wpl-touch-target);background:transparent;border:none;color:var(--wpl-text-on-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--wpl-radius-md);transition:background-color var(--wpl-transition-fast)}.wpl-mobile-header__action-button:hover{background-color:#ffffff1a}.wpl-mobile-header__action-button:active{background-color:#fff3}.wpl-mobile-header__action-button vaadin-icon{--vaadin-icon-width: 24px;--vaadin-icon-height: 24px}@media(min-width:1024px){.wpl-mobile-header{height:var(--wpl-header-height-desktop);min-height:var(--wpl-header-height-desktop);position:fixed;top:0;left:0;right:0;width:100%;padding:0 var(--wpl-space-lg)}.wpl-mobile-header__logo{height:40px}.wpl-mobile-header__title{font-size:var(--wpl-font-size-xlarge)}.wpl-mobile-header__action-button{min-width:40px;min-height:40px}}.wpl-mobile-header vaadin-button{color:var(--wpl-text-on-primary)}.wpl-mobile-header vaadin-icon{color:var(--wpl-text-on-primary)}@media print{.wpl-mobile-header{display:none}}.wpl-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--wpl-z-bottom-nav);background-color:var(--wpl-bg-primary);height:var(--wpl-bottom-nav-height);border-top:1px solid var(--wpl-silver);box-shadow:0 -2px 8px #00000014;display:flex;justify-content:space-around;align-items:stretch;-webkit-user-select:none;user-select:none;padding-bottom:env(safe-area-inset-bottom)}.wpl-bottom-nav__tab{flex:1;background:transparent;border:none;text-decoration:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--wpl-space-xs);padding:var(--wpl-space-sm) var(--wpl-space-xs);font-family:var(--wpl-font-family);font-size:var(--wpl-font-size-tiny);font-weight:var(--wpl-font-weight-medium);line-height:var(--wpl-line-height-tight);color:var(--wpl-text-secondary);transition:color var(--wpl-transition-fast);min-height:var(--wpl-touch-target);position:relative}.wpl-bottom-nav__tab:hover{color:var(--wpl-text-primary)}.wpl-bottom-nav__tab:active{background-color:#0000000d}.wpl-bottom-nav__tab--active{color:var(--wpl-red-primary);font-weight:var(--wpl-font-weight-semibold)}.wpl-bottom-nav__tab--active:before{content:"";position:absolute;top:0;left:10%;right:10%;height:3px;background-color:var(--wpl-red-primary);border-radius:0 0 3px 3px}.wpl-bottom-nav__icon{width:24px;height:24px;object-fit:contain;fill:currentColor;transition:fill var(--wpl-transition-fast)}.wpl-bottom-nav__tab vaadin-icon{--vaadin-icon-width: 24px;--vaadin-icon-height: 24px;color:inherit}.wpl-bottom-nav__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.wpl-bottom-nav__badge{position:absolute;top:8px;right:calc(50% - 18px);background-color:var(--wpl-red-primary);color:var(--wpl-white);min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:var(--wpl-font-weight-semibold);line-height:18px;text-align:center;border-radius:9px;border:2px solid var(--wpl-white)}.wpl-sidebar-user{display:none}@media(min-width:1024px){.wpl-sidebar-user{display:flex;align-items:center;gap:var(--wpl-space-md);padding:var(--wpl-space-md) var(--wpl-space-lg);margin-bottom:var(--wpl-space-sm);border-bottom:1px solid var(--wpl-silver)}.wpl-sidebar-user__avatar{width:44px;height:44px;border-radius:50%;background-color:var(--wpl-red-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.wpl-sidebar-user__avatar-img{width:100%;height:100%;object-fit:cover}.wpl-sidebar-user__avatar-initials{color:var(--wpl-white, #ffffff);font-size:16px;font-weight:var(--wpl-font-weight-semibold, 600);text-transform:uppercase;line-height:1;display:flex;align-items:center;justify-content:center}.wpl-sidebar-user__info{display:flex;flex-direction:column;min-width:0;flex:1}.wpl-sidebar-user__name{font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpl-sidebar-user__subtitle{font-size:var(--wpl-font-size-small);color:var(--wpl-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(min-width:1024px){.wpl-bottom-nav{position:fixed;top:var(--wpl-header-height-desktop);bottom:0;left:0;right:auto;width:240px;height:auto;flex-direction:column;justify-content:flex-start;align-items:stretch;border-top:none;border-right:1px solid var(--wpl-silver);box-shadow:2px 0 8px #00000014;padding-bottom:0;padding-top:var(--wpl-space-sm);gap:0}.wpl-bottom-nav__tab{width:100%;flex:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--wpl-space-md);padding:var(--wpl-space-sm) var(--wpl-space-lg);font-size:var(--wpl-font-size-body);height:48px;min-height:unset;flex-shrink:0}.wpl-bottom-nav__tab--active:before{inset:0 auto 0 0;width:4px;height:auto;border-radius:0 4px 4px 0}.wpl-bottom-nav__icon{width:28px;height:28px}.wpl-bottom-nav__tab vaadin-icon{--vaadin-icon-width: 28px;--vaadin-icon-height: 28px}.wpl-bottom-nav__label{text-align:left}.wpl-bottom-nav__badge{top:50%;right:var(--wpl-space-md);transform:translateY(-50%)}}@media(min-width:768px)and (max-width:1023px){.wpl-bottom-nav__tab{font-size:var(--wpl-font-size-small)}.wpl-bottom-nav__icon{width:26px;height:26px}}.wpl-bottom-nav__tab:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:-2px;z-index:1}.wpl-bottom-nav__tab:focus:not(:focus-visible){outline:none}@media print{.wpl-bottom-nav{display:none}}.wpl-bottom-nav a.wpl-bottom-nav__tab{color:inherit;text-decoration:none}.wpl-bottom-nav a.wpl-bottom-nav__tab:visited{color:inherit}.wpl-main-layout{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.wpl-main-layout__content{flex:1;overflow-y:auto;overflow-x:hidden;background-color:var(--wpl-bg-grouped, #F2F2F7);padding:var(--wpl-space-md, 16px);padding-bottom:calc(var(--wpl-bottom-nav-height, 64px) + var(--wpl-space-md, 16px));box-sizing:border-box;width:100%}@media(min-width:1024px){.wpl-main-layout{flex-direction:row;padding-top:var(--wpl-header-height-desktop, 64px)}.wpl-main-layout__content{margin-left:240px;width:calc(100% - 240px);max-width:calc(100% - 240px);padding:var(--wpl-space-lg, 24px);padding-bottom:var(--wpl-space-lg, 24px);box-sizing:border-box;overflow-x:hidden}.wpl-main-layout__content>*{max-width:100%;box-sizing:border-box}}.wpl-main-layout__content--full-width{padding-left:0;padding-right:0}@media(min-width:1024px){.wpl-main-layout__content--full-width{padding-left:var(--wpl-space-lg, 24px);padding-right:var(--wpl-space-lg, 24px)}}.wpl-main-layout__content--contained{padding-left:var(--wpl-space-md, 16px);padding-right:var(--wpl-space-md, 16px)}@media(min-width:1024px){.wpl-main-layout__content--contained{padding-left:var(--wpl-space-lg, 24px);padding-right:var(--wpl-space-lg, 24px)}}.wpl-button{font-family:var(--wpl-font-family);font-size:17px;font-weight:var(--wpl-font-weight-semibold);line-height:var(--wpl-line-height-tight);letter-spacing:-.2px;height:var(--wpl-button-height-mobile);min-height:var(--wpl-touch-target);padding:0 var(--wpl-space-lg);border-radius:var(--wpl-radius-lg);transition:all var(--wpl-transition-fast);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--wpl-space-sm);border:none;box-shadow:none;cursor:pointer;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:769px){.wpl-button{height:var(--wpl-button-height-desktop);min-height:var(--wpl-button-height-desktop)}}.wpl-button-primary{background-color:var(--wpl-red-primary);color:var(--wpl-text-on-primary);border:none}.wpl-button-primary:hover:not([disabled]){background-color:var(--wpl-red-hover);transform:translateY(-1px);box-shadow:var(--wpl-shadow-sm)}.wpl-button-primary:active:not([disabled]){background-color:var(--wpl-red-active);transform:translateY(0);box-shadow:inset 0 2px 4px #0003}.wpl-button-primary:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:2px}.wpl-button-secondary{background-color:transparent;color:var(--wpl-black);border:2px solid var(--wpl-black)}.wpl-button-secondary:hover:not([disabled]){background-color:var(--wpl-black);color:var(--wpl-white);transform:translateY(-1px)}.wpl-button-secondary:active:not([disabled]){background-color:var(--wpl-black);color:var(--wpl-white);transform:scale(.98)}.wpl-button-secondary:focus-visible{outline:2px solid var(--wpl-black);outline-offset:2px}.wpl-button-tertiary{background-color:transparent;color:var(--wpl-red-primary);border:none;padding:0 var(--wpl-space-md);text-decoration:none}.wpl-button-tertiary:hover:not([disabled]){text-decoration:underline;color:var(--wpl-red-hover)}.wpl-button-tertiary:active:not([disabled]){color:var(--wpl-red-active);transform:scale(.98)}.wpl-button-tertiary:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:2px;border-radius:var(--wpl-radius-sm)}.wpl-button[disabled],.wpl-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.wpl-button-primary[disabled],.wpl-button-primary:disabled{background-color:var(--wpl-bg-secondary);color:var(--wpl-text-tertiary)}.wpl-button-secondary[disabled],.wpl-button-secondary:disabled{border-color:var(--wpl-text-tertiary);color:var(--wpl-text-tertiary)}.wpl-button-tertiary[disabled],.wpl-button-tertiary:disabled{color:var(--wpl-text-tertiary)}.wpl-button-loading{position:relative;color:transparent;pointer-events:none}.wpl-button-loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid transparent;border-radius:50%;border-top-color:currentColor;animation:wpl-button-spin .6s linear infinite}.wpl-button-primary.wpl-button-loading:after{border-top-color:var(--wpl-white)}.wpl-button-secondary.wpl-button-loading:after{border-top-color:var(--wpl-black)}.wpl-button-tertiary.wpl-button-loading:after{border-top-color:var(--wpl-red-primary)}@keyframes wpl-button-spin{to{transform:rotate(360deg)}}.wpl-button-small{height:36px;min-height:36px;padding:0 var(--wpl-space-md);font-size:15px}.wpl-button-large{height:56px;min-height:56px;padding:0 var(--wpl-space-xl);font-size:18px}.wpl-button[style*="width: 100%"],.wpl-button[style*="width:100%"]{width:100%;display:flex}.wpl-button vaadin-icon{width:20px;height:20px}.wpl-button-small vaadin-icon{width:16px;height:16px}.wpl-button-large vaadin-icon{width:24px;height:24px}.wpl-button-group{display:flex;gap:var(--wpl-space-sm);flex-wrap:wrap}.wpl-button-group--vertical{flex-direction:column}.wpl-button-group--center{justify-content:center}.wpl-button-group--end{justify-content:flex-end}@media(max-width:768px){.wpl-button-group--mobile-stack{flex-direction:column}.wpl-button-group--mobile-stack .wpl-button{width:100%}}@media(prefers-contrast:high){.wpl-button-primary{border:2px solid var(--wpl-black)}.wpl-button-tertiary{text-decoration:underline}}@media(prefers-reduced-motion:reduce){.wpl-button,.wpl-button-loading:after{animation:none;transition:none}}.wpl-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}[theme~=dark] .wpl-button-secondary{border-color:var(--wpl-white);color:var(--wpl-white)}[theme~=dark] .wpl-button-secondary:hover:not([disabled]){background-color:var(--wpl-white);color:var(--wpl-black)}vaadin-button[theme~=secondary],vaadin-button[theme~=contrast]{background-color:transparent;color:var(--wpl-text-primary, #000000);border:2px solid var(--wpl-black, #000000);transition:all var(--wpl-transition-fast, .15s ease-in-out)}vaadin-button[theme~=secondary]:hover:not([disabled]),vaadin-button[theme~=contrast]:hover:not([disabled]){background-color:var(--wpl-black, #000000);color:var(--wpl-white, #FFFFFF)!important;border-color:var(--wpl-black, #000000)}vaadin-button[theme~=secondary]:active:not([disabled]),vaadin-button[theme~=contrast]:active:not([disabled]){background-color:var(--wpl-black, #000000);color:var(--wpl-white, #FFFFFF)!important;transform:scale(.98)}vaadin-button[theme~=tertiary]{background-color:transparent;color:var(--wpl-red-primary, #E1211A);border:none}vaadin-button[theme~=tertiary]:hover:not([disabled]){text-decoration:underline;color:var(--wpl-red-hover, #B01814)}vaadin-button[theme~=tertiary]:active:not([disabled]){color:var(--wpl-red-active, #8F1310);transform:scale(.98)}vaadin-button[theme~=tertiary-inline]{background-color:transparent;color:var(--wpl-red-primary, #E1211A);border:none;padding:0;min-height:auto}vaadin-button[theme~=tertiary-inline]:hover:not([disabled]){text-decoration:underline;color:var(--wpl-red-hover, #B01814)}[theme~=dark] vaadin-button[theme~=secondary],[theme~=dark] vaadin-button[theme~=contrast]{border-color:var(--wpl-white, #FFFFFF);color:var(--wpl-white, #FFFFFF)}[theme~=dark] vaadin-button[theme~=secondary]:hover:not([disabled]),[theme~=dark] vaadin-button[theme~=contrast]:hover:not([disabled]){background-color:var(--wpl-white, #FFFFFF);color:var(--wpl-black, #000000)!important;border-color:var(--wpl-white, #FFFFFF)}.wpl-text-field::part(input-field),.wpl-email-field::part(input-field),.wpl-number-field::part(input-field){font-family:var(--wpl-font-family);font-size:16px;font-weight:var(--wpl-font-weight-regular);border:1px solid #CCCCCC;border-radius:var(--wpl-radius-md);background-color:var(--wpl-bg-primary);transition:border-color var(--wpl-transition-fast),box-shadow var(--wpl-transition-fast);box-sizing:border-box}.wpl-text-area::part(input-field){font-family:var(--wpl-font-family);font-size:16px;font-weight:var(--wpl-font-weight-regular);border:1px solid #CCCCCC;border-radius:var(--wpl-radius-md);background-color:var(--wpl-bg-primary);transition:border-color var(--wpl-transition-fast),box-shadow var(--wpl-transition-fast);box-sizing:border-box;min-height:100px}.wpl-text-field,.wpl-email-field,.wpl-number-field{--vaadin-input-field-height: var(--wpl-input-height, 44px)}.wpl-text-field input,.wpl-email-field input,.wpl-number-field input,.wpl-text-area textarea{font-size:16px!important;color:var(--wpl-text-primary);font-family:var(--wpl-font-family)}.wpl-text-field::part(label),.wpl-email-field::part(label),.wpl-number-field::part(label),.wpl-text-area::part(label){font-size:13px;font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-secondary);margin-bottom:8px;display:block}.wpl-text-field[required]::part(required-indicator),.wpl-email-field[required]::part(required-indicator),.wpl-number-field[required]::part(required-indicator),.wpl-text-area[required]::part(required-indicator){color:var(--wpl-error)}.wpl-text-field:focus-within::part(input-field),.wpl-email-field:focus-within::part(input-field),.wpl-number-field:focus-within::part(input-field),.wpl-text-area:focus-within::part(input-field){border:2px solid var(--wpl-red-primary);border-color:var(--wpl-red-primary)!important;outline:none;box-shadow:0 0 0 3px #e1211a1a}.wpl-text-field[invalid]::part(input-field),.wpl-email-field[invalid]::part(input-field),.wpl-number-field[invalid]::part(input-field),.wpl-text-area[invalid]::part(input-field),.wpl-text-field-error::part(input-field),.wpl-text-area-error::part(input-field){border:2px solid var(--wpl-error)!important;background-color:#fff3e0!important}.wpl-text-field::part(error-message),.wpl-email-field::part(error-message),.wpl-number-field::part(error-message),.wpl-text-area::part(error-message){color:var(--wpl-error);font-size:13px;font-weight:var(--wpl-font-weight-medium);margin-top:4px}.wpl-text-field::part(error-message):before,.wpl-email-field::part(error-message):before,.wpl-number-field::part(error-message):before,.wpl-text-area::part(error-message):before{content:"⚠️ "}.wpl-text-field[readonly]::part(input-field),.wpl-email-field[readonly]::part(input-field),.wpl-number-field[readonly]::part(input-field),.wpl-text-area[readonly]::part(input-field){background-color:#f5f5f5!important;border:1px dashed #999999!important;cursor:default!important}.wpl-text-field[readonly] input,.wpl-email-field[readonly] input,.wpl-number-field[readonly] input,.wpl-text-area[readonly] textarea{color:#1a1a1a!important;opacity:1!important;background:transparent!important}.wpl-text-field[disabled]::part(input-field),.wpl-email-field[disabled]::part(input-field),.wpl-number-field[disabled]::part(input-field),.wpl-text-area[disabled]::part(input-field){background-color:#ebebeb!important;border:1px solid #D0D0D0!important;cursor:not-allowed!important}.wpl-text-field[disabled] input,.wpl-email-field[disabled] input,.wpl-number-field[disabled] input,.wpl-text-area[disabled] textarea{color:#4a4a4a!important;opacity:1!important;background:transparent!important;-webkit-text-fill-color:#4A4A4A!important}.wpl-text-field::part(helper-text),.wpl-email-field::part(helper-text),.wpl-number-field::part(helper-text),.wpl-text-area::part(helper-text){font-size:13px;color:var(--wpl-text-secondary);margin-top:4px}.wpl-text-field input::placeholder,.wpl-email-field input::placeholder,.wpl-number-field input::placeholder,.wpl-text-area textarea::placeholder{color:#8a8a8a;opacity:1}.wpl-text-field::part(prefix),.wpl-email-field::part(prefix),.wpl-number-field::part(prefix),.wpl-text-field::part(suffix),.wpl-email-field::part(suffix),.wpl-number-field::part(suffix){color:var(--wpl-text-secondary);font-size:16px}.wpl-text-field::part(clear-button),.wpl-email-field::part(clear-button),.wpl-number-field::part(clear-button){color:var(--wpl-text-tertiary);cursor:pointer}.wpl-text-field::part(clear-button):hover,.wpl-email-field::part(clear-button):hover,.wpl-number-field::part(clear-button):hover{color:var(--wpl-text-primary)}.wpl-number-field::part(increase-button),.wpl-number-field::part(decrease-button){color:var(--wpl-red-primary);cursor:pointer;width:32px;height:32px}.wpl-number-field::part(increase-button):hover,.wpl-number-field::part(decrease-button):hover{background-color:#e1211a1a}.wpl-number-field[disabled]::part(increase-button),.wpl-number-field[disabled]::part(decrease-button){color:var(--wpl-text-tertiary);cursor:not-allowed}.wpl-form-section{display:flex;flex-direction:column;gap:var(--wpl-space-md);margin-bottom:var(--wpl-space-lg)}.wpl-form-row{display:flex;gap:var(--wpl-space-md);flex-wrap:wrap}.wpl-form-row>*{flex:1;min-width:200px}@media(max-width:768px){.wpl-form-row{flex-direction:column}.wpl-form-row>*{width:100%;min-width:100%}}.wpl-text-field[style*="width: 100%"],.wpl-text-field[style*="width:100%"],.wpl-email-field[style*="width: 100%"],.wpl-email-field[style*="width:100%"],.wpl-number-field[style*="width: 100%"],.wpl-number-field[style*="width:100%"]{width:100%}@media(prefers-contrast:high){.wpl-text-field::part(input-field),.wpl-email-field::part(input-field),.wpl-number-field::part(input-field){border:2px solid var(--wpl-black)}.wpl-text-field:focus-within::part(input-field),.wpl-email-field:focus-within::part(input-field),.wpl-number-field:focus-within::part(input-field){border:3px solid var(--wpl-red-primary)}}@media(prefers-reduced-motion:reduce){.wpl-text-field::part(input-field),.wpl-email-field::part(input-field),.wpl-number-field::part(input-field){transition:none}}.wpl-text-field:focus-visible,.wpl-email-field:focus-visible,.wpl-number-field:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:2px}.wpl-password-field::part(input-field){border:1px solid #CCCCCC;border-radius:var(--wpl-radius-md);background-color:var(--wpl-bg-primary);box-sizing:border-box}.wpl-password-field{--vaadin-input-field-height: var(--wpl-input-height, 44px)}.wpl-password-field input{font-size:16px!important;color:var(--wpl-text-primary, #000000)!important;-webkit-text-fill-color:var(--wpl-text-primary, #000000)!important;font-family:var(--wpl-font-family);background:transparent!important}.wpl-password-field::part(label){font-size:13px;font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-secondary);margin-bottom:8px;display:block}.wpl-password-field:focus-within::part(input-field){border:2px solid var(--wpl-red-primary);border-color:var(--wpl-red-primary)!important;outline:none;box-shadow:0 0 0 3px #e1211a1a}.wpl-password-field input::placeholder{color:#8a8a8a;opacity:1}.wpl-text-field,.wpl-email-field,.wpl-number-field,.wpl-password-field,.wpl-text-area{color-scheme:light}.wpl-text-field input,.wpl-email-field input,.wpl-number-field input,.wpl-password-field input,.wpl-text-area textarea{color:var(--wpl-text-primary, #000000)!important;-webkit-text-fill-color:var(--wpl-text-primary, #000000)!important;caret-color:var(--wpl-text-primary, #000000)!important}[theme~=dark] .wpl-text-field::part(input-field),[theme~=dark] .wpl-email-field::part(input-field),[theme~=dark] .wpl-number-field::part(input-field),[theme~=dark] .wpl-password-field::part(input-field){background-color:#2a2a2a;border-color:#4a4a4a;color:#fff}[theme~=dark] .wpl-text-field input,[theme~=dark] .wpl-email-field input,[theme~=dark] .wpl-number-field input,[theme~=dark] .wpl-password-field input{color:#fff!important;-webkit-text-fill-color:#FFFFFF!important;caret-color:#fff!important}[theme~=dark] .wpl-text-field::part(label),[theme~=dark] .wpl-email-field::part(label),[theme~=dark] .wpl-number-field::part(label),[theme~=dark] .wpl-password-field::part(label),[theme~=dark] .wpl-text-area::part(label){color:#ccc}.wpl-text-area::part(input-field){height:auto;box-shadow:none!important;background-color:var(--wpl-bg-primary)!important;overflow:hidden;position:relative}.wpl-text-area textarea{font-size:16px!important;font-family:var(--wpl-font-family);color:var(--wpl-text-primary);line-height:1.5;resize:vertical;padding:12px 16px;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;width:100%;box-sizing:border-box}.wpl-text-area::part(input-field):before,.wpl-text-area::part(input-field):after{display:none!important;content:none!important;background:none!important;border:none!important;box-shadow:none!important;opacity:0!important;pointer-events:none!important}.wpl-text-area{--vaadin-input-field-background: var(--wpl-bg-primary);--vaadin-input-field-border-color: #CCCCCC;--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-radius: var(--wpl-radius-md);--_input-field-hover-highlight-opacity: 0;--_input-field-highlight-opacity: 0;--lumo-contrast-10pct: transparent}.wpl-text-area:focus-within{--vaadin-input-field-border-color: var(--wpl-red-primary);--vaadin-input-field-border-width: 2px}.wpl-text-area:focus-within::part(input-field){box-shadow:0 0 0 3px #e1211a1a!important}.wpl-text-area:hover::part(input-field):after{display:none!important;opacity:0!important}[theme~=dark] .wpl-text-area::part(input-field){background-color:#2a2a2a!important;border-color:#4a4a4a}[theme~=dark] .wpl-text-area textarea{color:#fff!important}.wpl-card{background-color:var(--wpl-bg-primary);border-radius:var(--wpl-radius-md);padding:var(--wpl-space-md);box-sizing:border-box;display:flex;flex-direction:column;transition:all var(--wpl-transition-normal);font-family:var(--wpl-font-family)}.wpl-card-standard{box-shadow:var(--wpl-shadow-card);border-top:3px solid var(--wpl-red-primary)}.wpl-card-standard:not(.wpl-card-accent){border-top:none}.wpl-card-interactive{box-shadow:var(--wpl-shadow-card);border-top:3px solid var(--wpl-red-primary);cursor:pointer}.wpl-card-interactive:hover{transform:translateY(-4px);box-shadow:var(--wpl-shadow-md)}.wpl-card-interactive:active{transform:translateY(-2px);box-shadow:var(--wpl-shadow-sm)}.wpl-card-bordered{border:1px solid #E0E0E0;box-shadow:none}.wpl-card-bordered.wpl-card-accent{border-top:3px solid var(--wpl-red-primary)}.wpl-card-flat{box-shadow:none;border:none}.wpl-card-flat.wpl-card-accent{border-top:3px solid var(--wpl-red-primary)}.wpl-card-header{display:flex;flex-direction:column;gap:var(--wpl-space-xs);margin-bottom:var(--wpl-space-md);position:relative}.wpl-card-title{font-size:var(--wpl-font-size-large);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-tight);margin:0;padding:0}.wpl-card-subtitle{font-size:var(--wpl-font-size-small);font-weight:var(--wpl-font-weight-regular);color:var(--wpl-text-secondary);line-height:var(--wpl-line-height-normal);margin:0;padding:0}.wpl-card-header-action{position:absolute;top:0;right:0}.wpl-card-content{flex:1;font-size:var(--wpl-font-size-body);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-normal)}.wpl-card-content>*:first-child{margin-top:0}.wpl-card-content>*:last-child{margin-bottom:0}.wpl-card-footer{margin-top:var(--wpl-space-md);padding-top:var(--wpl-space-md);border-top:1px solid #F0F0F0;display:flex;gap:var(--wpl-space-sm);flex-wrap:wrap;justify-content:flex-end;align-items:center}@media(max-width:768px){.wpl-card-footer{flex-direction:column;align-items:stretch}.wpl-card-footer .wpl-button{width:100%}}.wpl-card-padding-none{padding:0}.wpl-card-padding-none .wpl-card-header,.wpl-card-padding-none .wpl-card-content,.wpl-card-padding-none .wpl-card-footer{padding:var(--wpl-space-md)}.wpl-card-padding-small{padding:var(--wpl-space-sm)}.wpl-card-padding-large{padding:var(--wpl-space-lg)}.wpl-card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.wpl-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--wpl-shadow-md)}.wpl-card-clickable:active{transform:translateY(0);box-shadow:var(--wpl-shadow-sm)}.wpl-card-clickable:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:2px}.wpl-card-accent{border-top:3px solid var(--wpl-red-primary)}.wpl-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--wpl-space-md)}@media(max-width:768px){.wpl-card-grid{grid-template-columns:1fr}}.wpl-card-stack{display:flex;flex-direction:column;gap:var(--wpl-space-md)}.wpl-card-row{display:flex;gap:var(--wpl-space-md);flex-wrap:wrap}.wpl-card-row>.wpl-card{flex:1;min-width:250px}@media(max-width:768px){.wpl-card-row{flex-direction:column}.wpl-card-row>.wpl-card{width:100%;min-width:100%}}.wpl-card-stat .wpl-card-title{font-size:var(--wpl-font-size-xxlarge);font-weight:var(--wpl-font-weight-bold);color:var(--wpl-red-primary)}.wpl-card-stat .wpl-card-subtitle{font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-medium);color:var(--wpl-text-secondary);text-transform:uppercase;letter-spacing:.5px}.wpl-card-alert{border-left:4px solid var(--wpl-error);background-color:#fff3e0}.wpl-card-alert .wpl-card-title{color:var(--wpl-error)}.wpl-card-success{border-left:4px solid #4CAF50;background-color:#f1f8f4}.wpl-card-success .wpl-card-title{color:#2e7d32}.wpl-card-info{border-left:4px solid #2196F3;background-color:#e3f2fd}.wpl-card-info .wpl-card-title{color:#1565c0}@media(prefers-contrast:high){.wpl-card{border:2px solid var(--wpl-black)}.wpl-card-footer{border-top:2px solid var(--wpl-black)}}@media(prefers-reduced-motion:reduce){.wpl-card,.wpl-card-interactive,.wpl-card-clickable{transition:none;transform:none}.wpl-card-interactive:hover,.wpl-card-clickable:hover{transform:none}}[theme~=dark] .wpl-card{background-color:#2a2a2a;color:#fff}[theme~=dark] .wpl-card-title{color:#fff}[theme~=dark] .wpl-card-subtitle{color:#ccc}[theme~=dark] .wpl-card-content{color:#eee}[theme~=dark] .wpl-card-bordered{border-color:#4a4a4a}[theme~=dark] .wpl-card-footer{border-top-color:#4a4a4a}.wpl-tableview{background-color:var(--wpl-bg-grouped);font-family:var(--wpl-font-family);width:100%;box-sizing:border-box}.wpl-tableview-container{display:flex;flex-direction:column;gap:var(--wpl-space-lg)}.wpl-tableview-section{display:flex;flex-direction:column}.wpl-tableview-section-header{font-size:13px;font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-secondary);text-transform:uppercase;letter-spacing:.5px;line-height:var(--wpl-line-height-normal);padding:0 var(--wpl-space-md);margin-bottom:var(--wpl-space-sm)}.wpl-tableview-section-rows{background-color:var(--wpl-bg-primary);border-radius:var(--wpl-radius-md);box-shadow:var(--wpl-shadow-sm);overflow:hidden}.wpl-tableview-section-footer{font-size:13px;font-weight:var(--wpl-font-weight-regular);color:var(--wpl-text-secondary);line-height:var(--wpl-line-height-normal);padding:var(--wpl-space-sm) var(--wpl-space-md);margin-top:var(--wpl-space-xs)}.wpl-tableview-row{display:flex;flex-direction:column;position:relative;min-height:var(--wpl-touch-target);background-color:var(--wpl-bg-primary);transition:background-color var(--wpl-transition-fast)}.wpl-tableview-row-content{display:flex;align-items:center;justify-content:space-between;gap:var(--wpl-space-md);min-height:var(--wpl-touch-target);padding:12px var(--wpl-space-md);flex:1}.wpl-tableview-row-label{font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-regular);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-normal);flex:0 0 auto}.wpl-tableview-row-accessory{display:flex;align-items:center;gap:var(--wpl-space-sm);flex:0 0 auto;margin-left:auto}.wpl-tableview-row-detail{font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-regular);color:var(--wpl-text-secondary)}.wpl-tableview-row-chevron{font-size:20px;font-weight:var(--wpl-font-weight-regular);color:var(--wpl-text-tertiary);line-height:1;display:inline-flex;align-items:center;justify-content:center;width:20px}.wpl-tableview-row-separator{border-bottom:1px solid #E0E0E0;margin-left:var(--wpl-space-md)}.wpl-tableview-row:last-child .wpl-tableview-row-separator{display:none}.wpl-tableview-row-disclosure{cursor:pointer}.wpl-tableview-row-disclosure:hover{background-color:#f8f8f8}.wpl-tableview-row-disclosure:active{background-color:#f0f0f0}.wpl-tableview-row-value{cursor:pointer}.wpl-tableview-row-value:hover{background-color:#f8f8f8}.wpl-tableview-row-value:active{background-color:#f0f0f0}.wpl-tableview-row-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.wpl-tableview-row-clickable:hover{background-color:#f8f8f8}.wpl-tableview-row-clickable:active{background-color:#f0f0f0}.wpl-tableview-row-clickable:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:-2px}.wpl-tableview-row-icon{width:24px;height:24px;color:var(--wpl-red-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.wpl-tableview-row-icon vaadin-icon{width:24px;height:24px}.wpl-tableview-row-badge{background-color:var(--wpl-red-primary);color:var(--wpl-white);font-size:12px;font-weight:var(--wpl-font-weight-semibold);min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.wpl-tableview-row-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.wpl-tableview-row-disabled .wpl-tableview-row-label{color:var(--wpl-text-tertiary)}.wpl-tableview-footer{font-size:13px;font-weight:var(--wpl-font-weight-regular);color:var(--wpl-text-secondary);line-height:var(--wpl-line-height-normal);padding:var(--wpl-space-md);text-align:center}@media(max-width:768px){.wpl-tableview-row-content{min-height:48px;padding:14px var(--wpl-space-md)}.wpl-tableview-row-chevron{font-size:22px}}@media(min-width:769px){.wpl-tableview{padding:0 var(--wpl-space-lg)}.wpl-tableview-section-rows{max-width:800px}}@media(prefers-contrast:high){.wpl-tableview-section-rows{border:2px solid var(--wpl-black)}.wpl-tableview-row-separator{border-bottom-width:2px;border-bottom-color:var(--wpl-black)}}@media(prefers-reduced-motion:reduce){.wpl-tableview-row{transition:none}}.wpl-tableview-row[role=button]:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:-2px;z-index:1}[theme~=dark] .wpl-tableview{background-color:#1a1a1a}[theme~=dark] .wpl-tableview-section-rows,[theme~=dark] .wpl-tableview-row{background-color:#2a2a2a}[theme~=dark] .wpl-tableview-row-label{color:#fff}[theme~=dark] .wpl-tableview-row-detail{color:#ccc}[theme~=dark] .wpl-tableview-row-chevron{color:#999}[theme~=dark] .wpl-tableview-row-separator{border-bottom-color:#4a4a4a}[theme~=dark] .wpl-tableview-row-clickable:hover,[theme~=dark] .wpl-tableview-row-disclosure:hover,[theme~=dark] .wpl-tableview-row-value:hover{background-color:#333}[theme~=dark] .wpl-tableview-row-clickable:active,[theme~=dark] .wpl-tableview-row-disclosure:active,[theme~=dark] .wpl-tableview-row-value:active{background-color:#3a3a3a}.wpl-toggle-switch{font-family:var(--wpl-font-family);display:inline-block}.wpl-toggle-container{display:flex;align-items:center;gap:var(--wpl-space-md)}.wpl-toggle-label{font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-regular);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-normal);cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.wpl-toggle-switch-container{display:inline-block;flex-shrink:0}.wpl-toggle-track{width:51px;height:31px;border-radius:16px;background-color:#e0e0e0;position:relative;cursor:pointer;transition:background-color var(--wpl-transition-fast);display:inline-block}.wpl-toggle-track-on{background-color:var(--wpl-red-primary)}.wpl-toggle-track-off{background-color:#e0e0e0}.wpl-toggle-knob{width:27px;height:27px;border-radius:50%;background-color:var(--wpl-white);box-shadow:0 2px 4px #0003;position:absolute;top:2px;left:2px;transition:transform var(--wpl-transition-fast)}.wpl-toggle-track-on .wpl-toggle-knob{transform:translate(20px)}.wpl-toggle-track-off .wpl-toggle-knob{transform:translate(0)}.wpl-toggle-track:hover:not(.wpl-toggle-disabled .wpl-toggle-track){opacity:.9}.wpl-toggle-track:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:2px}.wpl-toggle-disabled .wpl-toggle-track{opacity:.5;cursor:not-allowed}.wpl-toggle-disabled .wpl-toggle-label{color:var(--wpl-text-tertiary);cursor:not-allowed}.wpl-toggle-full-width{width:100%}.wpl-toggle-full-width .wpl-toggle-container{width:100%;justify-content:space-between}@media(prefers-contrast:high){.wpl-toggle-track{border:2px solid var(--wpl-black)}.wpl-toggle-knob{border:1px solid var(--wpl-black)}}@media(prefers-reduced-motion:reduce){.wpl-toggle-track,.wpl-toggle-knob{transition:none}}[theme~=dark] .wpl-toggle-label{color:#fff}[theme~=dark] .wpl-toggle-track-off{background-color:#4a4a4a}[theme~=dark] .wpl-toggle-knob{background-color:#fff;box-shadow:0 2px 4px #0006}@media(max-width:768px){.wpl-toggle-track{width:55px;height:33px}.wpl-toggle-knob{width:29px;height:29px}.wpl-toggle-track-on .wpl-toggle-knob{transform:translate(22px)}}.wpl-mobile-profile-view{width:100%;max-width:600px;margin:0 auto;box-sizing:border-box}.wpl-profile-avatar-section{text-align:center;padding:var(--wpl-space-xl) var(--wpl-space-md)}.wpl-profile-avatar-section vaadin-avatar{border:3px solid var(--wpl-white);box-shadow:var(--wpl-shadow-md)}.wpl-profile-section{animation:fadeInUp .3s ease-out;width:100%;box-sizing:border-box}.wpl-profile-section-content{background-color:var(--wpl-white);border-radius:var(--wpl-radius-md);overflow:hidden;box-shadow:var(--wpl-shadow-card);width:100%;box-sizing:border-box}.wpl-profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--wpl-space-md);min-height:var(--wpl-touch-target);border-bottom:1px solid var(--wpl-silver);transition:background-color var(--wpl-transition-fast)}.wpl-profile-info-row:last-child{border-bottom:none}.wpl-profile-action-row{display:flex;justify-content:space-between;align-items:center;padding:var(--wpl-space-md);min-height:var(--wpl-touch-target);border-bottom:1px solid var(--wpl-silver);cursor:pointer;transition:background-color var(--wpl-transition-fast);-webkit-tap-highlight-color:transparent}.wpl-profile-action-row:last-child{border-bottom:none}.wpl-profile-action-row:hover{background-color:var(--wpl-bg-secondary)}.wpl-profile-action-row:active{background-color:var(--wpl-gray-200)}@media(hover:none){.wpl-profile-action-row:active{background-color:var(--wpl-gray-200);transition:none}}.wpl-profile-section:last-child .wpl-profile-action-row{color:var(--wpl-red-primary)}.wpl-profile-section:last-child .wpl-profile-action-row vaadin-icon{color:var(--wpl-red-primary)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wpl-profile-bottom-spacer{background:transparent!important;border:none!important;pointer-events:none;-webkit-user-select:none;user-select:none}@media(min-width:768px){.wpl-profile-section-content{box-shadow:var(--wpl-shadow-md)}}@media(min-width:1024px){.wpl-mobile-profile-view{max-width:800px}.wpl-profile-info-row,.wpl-profile-action-row{padding:var(--wpl-space-lg) var(--wpl-space-xl)}.wpl-profile-bottom-spacer{display:none}}.wpl-profile-action-row:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:-2px}@media(prefers-contrast:high){.wpl-profile-info-row,.wpl-profile-action-row{border-bottom:2px solid var(--wpl-border)}.wpl-profile-section-content{border:2px solid var(--wpl-border)}}@media(prefers-reduced-motion:reduce){.wpl-profile-section{animation:none}.wpl-profile-info-row,.wpl-profile-action-row{transition:none}}.wpl-workflow{display:flex;flex-direction:column;height:100vh;width:100%;background:var(--wpl-bg-secondary, #F5F5F5);overflow:hidden}.wpl-workflow-header{display:flex;align-items:center;justify-content:space-between;height:var(--wpl-header-height-mobile, 44px);padding:0 var(--wpl-space-md, 16px);background:var(--wpl-red-primary, #E1211A);color:var(--wpl-white, #FFFFFF);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.wpl-workflow-title{margin:0;font-size:var(--wpl-font-size-large, 18px);font-weight:var(--wpl-font-weight-semibold, 600);color:var(--wpl-white, #FFFFFF);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpl-workflow-close{background:transparent;border:none;color:var(--wpl-white, #FFFFFF);cursor:pointer;padding:var(--wpl-space-sm, 8px);min-width:var(--wpl-touch-target, 44px);min-height:var(--wpl-touch-target, 44px);display:flex;align-items:center;justify-content:center;border-radius:var(--wpl-radius-md, 10px);transition:background .15s ease}.wpl-workflow-close:hover{background:#ffffff26}.wpl-workflow-close:active{background:#ffffff40}.wpl-workflow-autosave{position:absolute;top:56px;right:var(--wpl-space-md, 16px);font-size:var(--wpl-font-size-small, 14px);padding:var(--wpl-space-xs, 4px) var(--wpl-space-sm, 8px);border-radius:var(--wpl-radius-sm, 4px);z-index:99;transition:opacity .3s ease}.wpl-workflow-autosave-saving{background:#0000000d;color:var(--wpl-text-secondary, #6A6A6A)}.wpl-workflow-autosave-saved{background:#4caf501a;color:#4caf50}.wpl-workflow-progress-container{display:flex;align-items:center;justify-content:center;padding:var(--wpl-space-md, 16px);background:var(--wpl-white, #FFFFFF);border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:44px;z-index:99}.wpl-workflow-progress{display:flex;align-items:center;gap:var(--wpl-space-md, 16px)}.wpl-workflow-progress-dots{display:flex;align-items:center;gap:var(--wpl-space-sm, 8px)}.wpl-workflow-progress-dot{width:10px;height:10px;border-radius:50%;transition:all .2s ease}.wpl-workflow-progress-dot-completed{background:var(--wpl-red-primary, #E1211A);border:2px solid var(--wpl-red-primary, #E1211A)}.wpl-workflow-progress-dot-current{background:var(--wpl-white, #FFFFFF);border:2px solid var(--wpl-red-primary, #E1211A);box-shadow:0 0 0 2px #e1211a33}.wpl-workflow-progress-dot-future{background:#ccc;border:2px solid #CCCCCC}.wpl-workflow-progress-bar-container{display:flex;align-items:center;gap:var(--wpl-space-sm, 8px);width:100%;max-width:300px}.wpl-workflow-progress-bar-track{flex:1;height:6px;background:#00000014;border-radius:3px;overflow:hidden}.wpl-workflow-progress-bar-fill{height:100%;background:var(--wpl-red-primary, #E1211A);border-radius:3px;transition:width .3s ease}.wpl-workflow-progress-percentage{font-size:var(--wpl-font-size-small, 14px);font-weight:var(--wpl-font-weight-semibold, 600);color:var(--wpl-text-secondary, #6A6A6A);min-width:40px;text-align:right}.wpl-workflow-progress-text{font-size:var(--wpl-font-size-small, 14px);font-weight:var(--wpl-font-weight-medium, 500);color:var(--wpl-text-secondary, #6A6A6A);white-space:nowrap}.wpl-workflow-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--wpl-space-md, 16px);background:var(--wpl-bg-secondary, #F5F5F5);-webkit-overflow-scrolling:touch}.wpl-workflow-content:after{content:"";display:block;height:var(--wpl-space-md, 16px)}.wpl-workflow-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--wpl-space-md, 16px);padding:var(--wpl-space-md, 16px);background:var(--wpl-white, #FFFFFF);border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -2px 8px #00000014;position:sticky;bottom:0;z-index:100;min-height:64px}.wpl-workflow-back,.wpl-workflow-next{flex:1;min-width:120px}.wpl-workflow-next:disabled{background:var(--wpl-bg-grouped, #EBEBEB)!important;color:var(--wpl-text-tertiary, #8A8A8A)!important;cursor:not-allowed}@media(min-width:768px){.wpl-workflow{max-width:800px;margin:20px auto 0;border-radius:var(--wpl-radius-lg, 12px);height:calc(100vh - 40px);box-shadow:0 4px 20px #0000001a;overflow:hidden}.wpl-workflow-header{height:var(--wpl-header-height-desktop, 64px);border-radius:var(--wpl-radius-lg, 12px) var(--wpl-radius-lg, 12px) 0 0}.wpl-workflow-title{font-size:var(--wpl-font-size-xlarge, 20px)}.wpl-workflow-progress-container,.wpl-workflow-content{padding:var(--wpl-space-lg, 24px)}.wpl-workflow-footer{border-radius:0 0 var(--wpl-radius-lg, 12px) var(--wpl-radius-lg, 12px)}.wpl-workflow-progress-dot{width:12px;height:12px}.wpl-workflow-progress-bar-container{max-width:400px}}.wpl-workflow-close:focus-visible{outline:2px solid var(--wpl-white, #FFFFFF);outline-offset:2px}@media(prefers-reduced-motion:reduce){.wpl-workflow-progress-bar-fill,.wpl-workflow-progress-dot,.wpl-workflow-autosave{transition:none}}@media(prefers-contrast:high){.wpl-workflow-progress-dot-current{border-width:3px}.wpl-workflow-footer{border-top-width:2px}}.wpl-form{display:flex;flex-direction:column;width:100%;min-height:100vh;background:var(--wpl-bg-grouped, #F2F2F7)}.wpl-form-title{margin:0;padding:var(--wpl-space-md, 16px);font-size:var(--wpl-font-size-xlarge, 20px);font-weight:var(--wpl-font-weight-bold, 700);color:var(--wpl-text-primary, #000000);background:var(--wpl-white, #FFFFFF);border-bottom:1px solid rgba(0,0,0,.08)}.wpl-form-autosave{position:fixed;top:16px;right:var(--wpl-space-md, 16px);font-size:var(--wpl-font-size-small, 14px);padding:var(--wpl-space-xs, 4px) var(--wpl-space-sm, 8px);border-radius:var(--wpl-radius-sm, 4px);z-index:999;transition:opacity .3s ease}.wpl-form-autosave-saving{background:#0000000d;color:var(--wpl-text-secondary, #6A6A6A)}.wpl-form-autosave-saved{background:#4caf501a;color:#4caf50}.wpl-form-content{flex:1;padding:var(--wpl-space-md, 16px);overflow-y:auto;-webkit-overflow-scrolling:touch}.wpl-form-content:after{content:"";display:block;height:var(--wpl-space-md, 16px)}.wpl-form-field{margin-bottom:var(--wpl-space-md, 16px);display:flex;flex-direction:column}.wpl-form-field-label-container{display:flex;align-items:baseline;margin-bottom:var(--wpl-space-xs, 4px)}.wpl-form-field-label{font-size:13px;font-weight:var(--wpl-font-weight-semibold, 600);color:#666;text-transform:uppercase;letter-spacing:.3px}.wpl-form-field-required{color:var(--wpl-red-primary, #E1211A);font-size:13px;font-weight:var(--wpl-font-weight-bold, 700);margin-left:2px}.wpl-form-field-helper{font-size:var(--wpl-font-size-tiny, 12px);color:#999;margin-top:2px;margin-bottom:var(--wpl-space-xs, 4px);line-height:var(--wpl-line-height-normal, 1.5)}.wpl-form-field-error{font-size:var(--wpl-font-size-small, 14px);color:var(--wpl-error, #F57C00);margin-top:var(--wpl-space-xs, 4px);line-height:var(--wpl-line-height-normal, 1.5);display:flex;align-items:center;gap:var(--wpl-space-xs, 4px)}.wpl-form-field-invalid .wpl-form-field-label{color:var(--wpl-error, #F57C00)}.wpl-form-field>vaadin-text-field,.wpl-form-field>vaadin-email-field,.wpl-form-field>vaadin-number-field,.wpl-form-field>vaadin-password-field,.wpl-form-field>vaadin-text-area,.wpl-form-field>.wpl-text-field,.wpl-form-field>.wpl-email-field,.wpl-form-field>.wpl-number-field{width:100%}.wpl-form-section{margin-bottom:var(--wpl-space-lg, 24px)}.wpl-form-section-header{margin:0 0 var(--wpl-space-sm, 8px) 0;padding:0 var(--wpl-space-sm, 8px);font-size:13px;font-weight:var(--wpl-font-weight-semibold, 600);color:#666;text-transform:uppercase;letter-spacing:.3px}.wpl-form-section-fields{background:var(--wpl-white, #FFFFFF);border-radius:var(--wpl-radius-md, 10px);padding:var(--wpl-space-md, 16px);box-shadow:0 1px 3px #0000000f}.wpl-form-section-collapsible .wpl-form-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--wpl-space-sm, 8px);border-radius:var(--wpl-radius-sm, 4px);transition:background .15s ease}.wpl-form-section-collapsible .wpl-form-section-header:hover{background:#00000008}.wpl-form-section-collapsible .wpl-form-section-header:after{content:"▼";float:right;font-size:10px;transition:transform .2s ease}.wpl-form-section-collapsed .wpl-form-section-header:after{transform:rotate(-90deg)}.wpl-form-section-fields>.wpl-form-field:last-child{margin-bottom:0}.wpl-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--wpl-space-md, 16px);padding:var(--wpl-space-md, 16px);background:var(--wpl-white, #FFFFFF);border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -2px 8px #00000014;position:sticky;bottom:0;z-index:100}.wpl-form-footer>button{flex:1;min-width:100px}@media(max-width:480px){.wpl-form-footer{flex-direction:column}.wpl-form-footer>button{width:100%}}@media(min-width:768px){.wpl-form{max-width:800px;margin:0 auto;min-height:auto}.wpl-form-title{padding:var(--wpl-space-lg, 24px);font-size:var(--wpl-font-size-xxlarge, 24px)}.wpl-form-content{padding:var(--wpl-space-lg, 24px)}.wpl-form-footer{padding:var(--wpl-space-lg, 24px);justify-content:space-between}.wpl-form-footer>button{flex:0 0 auto;min-width:140px}.wpl-form-content.wpl-form-two-column{display:grid;grid-template-columns:1fr 1fr;gap:var(--wpl-space-md, 16px)}.wpl-form-content.wpl-form-two-column .wpl-form-section{grid-column:1 / -1}}.wpl-form-field .wpl-button{margin-top:var(--wpl-space-xs, 4px)}.wpl-form-field vaadin-text-area{min-height:120px}.wpl-form-field .wpl-toggle-switch{margin-top:var(--wpl-space-sm, 8px)}.wpl-form-section-collapsible .wpl-form-section-header:focus-visible{outline:2px solid var(--wpl-red-primary, #E1211A);outline-offset:2px}@media(prefers-reduced-motion:reduce){.wpl-form-section-header:after,.wpl-form-autosave{transition:none}}@media(prefers-contrast:high){.wpl-form-field-error{font-weight:var(--wpl-font-weight-semibold, 600)}.wpl-form-section-fields{border:1px solid rgba(0,0,0,.2)}}.wpl-label-field{display:flex;flex-direction:column;gap:var(--wpl-space-xs, 4px);padding:var(--wpl-space-sm, 8px) 0}.wpl-label-field-label{font-size:13px;font-weight:var(--wpl-font-weight-semibold, 600);color:var(--wpl-text-secondary, #6A6A6A);text-transform:uppercase;letter-spacing:.3px;line-height:var(--wpl-line-height-tight, 1.2)}.wpl-label-field-value{font-size:var(--wpl-font-size-body, 16px);font-weight:var(--wpl-font-weight-regular, 400);color:var(--wpl-text-primary, #000000);line-height:var(--wpl-line-height-normal, 1.5);word-wrap:break-word;overflow-wrap:break-word}.wpl-label-field-value:empty:before{content:"-";color:var(--wpl-text-tertiary, #8A8A8A)}.wpl-label-field-small{padding:var(--wpl-space-xs, 4px) 0}.wpl-label-field-small .wpl-label-field-label{font-size:11px}.wpl-label-field-small .wpl-label-field-value{font-size:var(--wpl-font-size-small, 14px)}.wpl-label-field-large{padding:var(--wpl-space-md, 16px) 0}.wpl-label-field-large .wpl-label-field-label{font-size:14px}.wpl-label-field-large .wpl-label-field-value{font-size:var(--wpl-font-size-large, 18px)}.wpl-label-field-extra{width:100%;padding:var(--wpl-space-md, 16px) 0}.wpl-label-field-extra .wpl-label-field-label{font-size:14px}.wpl-label-field-extra .wpl-label-field-value{font-size:var(--wpl-font-size-body, 16px);white-space:pre-wrap}.wpl-label-field-value-emphasized{font-weight:var(--wpl-font-weight-semibold, 600)}.wpl-label-field-value-secondary{color:var(--wpl-text-secondary, #6A6A6A)}@media(min-width:768px){.wpl-label-field{padding:var(--wpl-space-md, 16px) 0}.wpl-label-field-label{font-size:14px}.wpl-label-field-value{font-size:var(--wpl-font-size-large, 18px)}}@media(prefers-contrast:high){.wpl-label-field-label,.wpl-label-field-value-secondary{color:var(--wpl-text-primary, #000000)}}@media(prefers-reduced-motion:reduce){.wpl-label-field{transition:none}}.wpl-datatable{width:100%;display:flex;flex-direction:column;gap:var(--wpl-space-md)}.wpl-datatable-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--wpl-space-md)}.wpl-datatable-title{margin:0;font-size:var(--wpl-font-size-h3);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);font-family:var(--wpl-font-family)}.wpl-datatable-content{display:flex;flex-direction:column}.wpl-datatable-row{background-color:var(--wpl-white);padding:12px 16px;border-bottom:1px solid var(--wpl-border-light);cursor:pointer;transition:background-color var(--wpl-transition-fast);display:flex;flex-direction:column;gap:4px;min-height:80px;justify-content:center}.wpl-datatable-row:first-child{border-top-left-radius:var(--wpl-radius-md);border-top-right-radius:var(--wpl-radius-md)}.wpl-datatable-row:last-child{border-bottom:none;border-bottom-left-radius:var(--wpl-radius-md);border-bottom-right-radius:var(--wpl-radius-md)}.wpl-datatable-row:hover{background-color:var(--wpl-gray-50)}.wpl-datatable-row:active{transform:scale(.98);background-color:var(--wpl-gray-100)}.wpl-datatable-row-selected{background-color:var(--wpl-gray-100);border-left:3px solid var(--wpl-red)}.wpl-datatable-row-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.wpl-datatable-row-middle{display:flex;flex-wrap:wrap;gap:4px}.wpl-datatable-row-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.wpl-datatable-row-primary-container{flex:1;display:flex;align-items:flex-start}.wpl-datatable-row-badge-container{display:flex;align-items:flex-start}.wpl-datatable-row-secondary-container{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.wpl-datatable-row-metadata-container{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.wpl-datatable-row-primary{font-size:17px;font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);font-family:var(--wpl-font-family);line-height:22px}.wpl-datatable-row-secondary{font-size:15px;font-weight:var(--wpl-font-weight-regular);color:var(--wpl-text-secondary);font-family:var(--wpl-font-family);line-height:20px}.wpl-datatable-row-tertiary{font-size:13px;font-weight:var(--wpl-font-weight-regular);color:var(--wpl-text-tertiary);font-family:var(--wpl-font-family);line-height:18px}.wpl-datatable-row-bullet{color:var(--wpl-text-tertiary);font-size:13px;line-height:18px}.wpl-datatable-row-chevron{color:var(--wpl-text-tertiary);font-size:16px;display:flex;align-items:center}.wpl-datatable-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--wpl-space-3xl) var(--wpl-space-lg);text-align:center;background-color:var(--wpl-white);border-radius:var(--wpl-radius-md);min-height:300px}.wpl-datatable-empty-icon{font-size:64px;margin-bottom:var(--wpl-space-md);opacity:.3}.wpl-datatable-empty-message{font-size:var(--wpl-font-size-h3);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);margin-bottom:var(--wpl-space-xs)}.wpl-datatable-empty-hint{font-size:var(--wpl-font-size-body);color:var(--wpl-text-secondary)}.wpl-datatable-loading{display:flex;flex-direction:column;gap:0}.wpl-datatable-skeleton{background:linear-gradient(90deg,var(--wpl-gray-100) 0%,var(--wpl-gray-200) 50%,var(--wpl-gray-100) 100%);background-size:200% 100%;animation:wpl-skeleton-loading 1.5s ease-in-out infinite;height:80px;border-bottom:1px solid var(--wpl-border-light)}.wpl-datatable-skeleton:first-child{border-top-left-radius:var(--wpl-radius-md);border-top-right-radius:var(--wpl-radius-md)}.wpl-datatable-skeleton:last-child{border-bottom:none;border-bottom-left-radius:var(--wpl-radius-md);border-bottom-right-radius:var(--wpl-radius-md)}.wpl-datatable-detailview{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center}.wpl-datatable-detailview-overlay{position:absolute;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:wpl-detailview-fade-in .2s ease-out}.wpl-datatable-detailview-modal{position:relative;width:100%;max-width:600px;max-height:90vh;background-color:var(--wpl-white);border-radius:var(--wpl-radius-lg) var(--wpl-radius-lg) 0 0;box-shadow:var(--wpl-shadow-lg);display:flex;flex-direction:column;animation:wpl-detailview-slide-up .3s cubic-bezier(.4,0,.2,1)}.wpl-datatable-detailview-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--wpl-border-light);background-color:var(--wpl-white);border-top:3px solid var(--wpl-red);border-radius:var(--wpl-radius-lg) var(--wpl-radius-lg) 0 0;min-height:56px}.wpl-datatable-detailview-back{background:none;border:none;color:var(--wpl-red);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.wpl-datatable-detailview-back:hover{background-color:var(--wpl-gray-50);border-radius:var(--wpl-radius-sm)}.wpl-datatable-detailview-title{flex:1;margin:0;font-size:18px;font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);text-align:center}.wpl-datatable-detailview-menu{background:none;border:none;color:var(--wpl-text-secondary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.wpl-datatable-detailview-menu:hover{background-color:var(--wpl-gray-50);border-radius:var(--wpl-radius-sm)}.wpl-datatable-detailview-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--wpl-space-md);background-color:var(--wpl-gray-50)}.wpl-datatable-detailview-footer{padding:var(--wpl-space-md);background-color:var(--wpl-white);border-top:1px solid var(--wpl-border-light)}.wpl-datatable-detailview-actions{display:flex;gap:var(--wpl-space-sm)}.wpl-datatable-detailview-action-btn{flex:1;min-height:44px;border-radius:var(--wpl-radius-md);font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-semibold);font-family:var(--wpl-font-family);border:1px solid var(--wpl-border);background-color:var(--wpl-white);color:var(--wpl-text-primary);cursor:pointer;transition:all var(--wpl-transition-fast)}.wpl-datatable-detailview-action-btn:hover{background-color:var(--wpl-gray-50);transform:translateY(-1px)}.wpl-datatable-detailview-action-btn:active{transform:translateY(0)}.wpl-datatable-detailview-action-primary{background-color:var(--wpl-red);border-color:var(--wpl-red);color:var(--wpl-white)}.wpl-datatable-detailview-action-primary:hover{background-color:var(--wpl-red-dark);border-color:var(--wpl-red-dark)}.wpl-datatable-detailview-action-danger{background-color:var(--wpl-white);border-color:#dc3545;color:#dc3545}.wpl-datatable-detailview-action-danger:hover{background-color:#dc3545;color:var(--wpl-white)}@keyframes wpl-detailview-fade-in{0%{opacity:0}to{opacity:1}}@keyframes wpl-detailview-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:1024px){.wpl-datatable-detailview{align-items:center}.wpl-datatable-detailview-modal{max-width:600px;max-height:80vh;border-radius:var(--wpl-radius-lg)}.wpl-datatable-detailview-header{border-radius:var(--wpl-radius-lg) var(--wpl-radius-lg) 0 0}@keyframes wpl-detailview-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}}.wpl-datatable-row:focus-visible{outline:2px solid var(--wpl-red);outline-offset:-2px}.wpl-datatable-detailview-back:focus-visible,.wpl-datatable-detailview-menu:focus-visible,.wpl-datatable-detailview-action-btn:focus-visible{outline:2px solid var(--wpl-red);outline-offset:2px}@media(prefers-contrast:high){.wpl-datatable-row{border:1px solid var(--wpl-border)}.wpl-datatable-row-selected{border-left-width:4px}}@media(prefers-reduced-motion:reduce){.wpl-datatable-row,.wpl-datatable-detailview-overlay,.wpl-datatable-detailview-modal,.wpl-datatable-skeleton{animation:none;transition:none}}.wpl-dashboard{width:100%;display:flex;flex-direction:column}.wpl-dashboard-grid{display:grid;grid-template-columns:repeat(var(--wpl-dashboard-columns-mobile, 2),1fr);gap:var(--wpl-space-md);width:100%}.wpl-dashboard-widget{grid-column:span 1}.wpl-dashboard-widget-full{grid-column:1 / -1}.wpl-metric-card{background-color:var(--wpl-white);border-radius:var(--wpl-radius-md);padding:var(--wpl-space-lg);box-shadow:var(--wpl-shadow-card);display:flex;flex-direction:column;gap:var(--wpl-space-xs);min-height:140px;justify-content:center;transition:all var(--wpl-transition-fast);aspect-ratio:1 / 1}.wpl-metric-card-primary{border-top:3px solid var(--wpl-red)}.wpl-metric-card-clickable{cursor:pointer}.wpl-metric-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--wpl-shadow-md)}.wpl-metric-card-clickable:active{transform:translateY(0);box-shadow:var(--wpl-shadow-card)}.wpl-metric-card-value{font-size:48px;font-weight:var(--wpl-font-weight-bold);color:var(--wpl-text-primary);font-family:var(--wpl-font-family);line-height:1;margin-bottom:var(--wpl-space-xs)}.wpl-metric-card-trend{font-size:16px;font-weight:var(--wpl-font-weight-semibold);font-family:var(--wpl-font-family);display:inline-flex;align-items:center;gap:4px}.wpl-metric-card-trend-up{color:#10b981}.wpl-metric-card-trend-down{color:#ef4444}.wpl-metric-card-trend-neutral{color:var(--wpl-text-tertiary)}.wpl-metric-card-label{font-size:14px;font-weight:var(--wpl-font-weight-regular);color:var(--wpl-text-secondary);font-family:var(--wpl-font-family);line-height:1.2;margin-top:auto}.wpl-metric-card-description{font-size:12px;font-weight:var(--wpl-font-weight-regular);color:var(--wpl-text-tertiary);font-family:var(--wpl-font-family)}.wpl-metric-card-loading{opacity:.6;pointer-events:none}.wpl-metric-card-loading .wpl-metric-card-value{color:var(--wpl-text-tertiary)}.wpl-metric-card-updating .wpl-metric-card-value{animation:wpl-metric-pulse .3s ease-in-out}@keyframes wpl-metric-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.wpl-chart-card{background-color:var(--wpl-white);border-radius:var(--wpl-radius-md);box-shadow:var(--wpl-shadow-card);display:flex;flex-direction:column;overflow:hidden}.wpl-chart-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--wpl-space-lg);border-bottom:1px solid var(--wpl-border-light)}.wpl-chart-card-title{margin:0;font-size:18px;font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);font-family:var(--wpl-font-family)}.wpl-chart-card-actions{display:flex;gap:var(--wpl-space-sm);align-items:center}.wpl-chart-card-description{padding:0 var(--wpl-space-lg);padding-bottom:var(--wpl-space-sm);font-size:14px;color:var(--wpl-text-secondary);font-family:var(--wpl-font-family)}.wpl-chart-card-content{padding:var(--wpl-space-lg);min-height:300px;display:flex;align-items:center;justify-content:center}.wpl-chart-card-content apex-charts-wrapper,.wpl-chart-card-content .apexcharts-canvas{width:100%!important;min-height:280px}.wpl-chart-card-content apex-charts-wrapper{display:block;height:100%;min-height:280px}.wpl-chart-card-content>*{width:100%;flex-shrink:0}.wpl-chart-card-loading{padding:var(--wpl-space-lg);min-height:300px;display:flex;align-items:center;justify-content:center}.wpl-chart-card-skeleton{width:100%;height:260px;background:linear-gradient(90deg,var(--wpl-gray-100) 0%,var(--wpl-gray-200) 50%,var(--wpl-gray-100) 100%);background-size:200% 100%;animation:wpl-skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--wpl-radius-sm)}@keyframes wpl-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.wpl-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:var(--wpl-font-weight-semibold);font-family:var(--wpl-font-family);line-height:1;white-space:nowrap}.wpl-badge-primary{background-color:#ef44441a;color:var(--wpl-red)}.wpl-badge-success{background-color:#10b9811a;color:#10b981}.wpl-badge-warning{background-color:#f59e0b1a;color:#f59e0b}.wpl-badge-danger{background-color:#ef44441a;color:#ef4444}.wpl-badge-info{background-color:#3b82f61a;color:#3b82f6}.wpl-badge-secondary{background-color:var(--wpl-gray-100);color:var(--wpl-text-secondary)}@media(min-width:1024px){.wpl-dashboard-grid{grid-template-columns:repeat(var(--wpl-dashboard-columns-desktop, 4),1fr);gap:var(--wpl-space-lg)}.wpl-metric-card{aspect-ratio:auto;min-height:160px}.wpl-metric-card-value{font-size:56px}.wpl-chart-card-content{min-height:350px}.wpl-chart-card-skeleton{height:310px}}@media(min-width:768px)and (max-width:1023px){.wpl-dashboard-grid{grid-template-columns:repeat(3,1fr)}}.wpl-metric-card-clickable:focus-visible{outline:2px solid var(--wpl-red);outline-offset:2px}@media(prefers-contrast:high){.wpl-metric-card,.wpl-chart-card{border:1px solid var(--wpl-border)}.wpl-metric-card-primary{border-top-width:4px}.wpl-badge{border:1px solid currentColor}}@media(prefers-reduced-motion:reduce){.wpl-metric-card,.wpl-metric-card-clickable,.wpl-metric-card-updating .wpl-metric-card-value,.wpl-chart-card-skeleton{animation:none;transition:none}}@media print{.wpl-dashboard-grid{grid-template-columns:repeat(2,1fr);gap:20px}.wpl-metric-card,.wpl-chart-card{box-shadow:none;border:1px solid var(--wpl-border);break-inside:avoid}.wpl-metric-card-clickable:hover{transform:none;box-shadow:none}}.smb-dashboards-view{width:100%;box-sizing:border-box}@media(max-width:767px){.wpl-main-layout__content:has(.smb-dashboards-view){padding-left:0!important;padding-right:0!important}.smb-dashboards-view .wpl-layout-content{padding:0 16px!important;width:100%;box-sizing:border-box}}.smb-dashboards-view .apps-grid-mobile{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%;box-sizing:border-box;overflow:hidden}@media(min-width:768px){.smb-dashboards-view .apps-grid-desktop{display:grid;gap:20px}}@media(min-width:768px)and (max-width:1023px){.smb-dashboards-view .apps-grid-desktop{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.smb-dashboards-view .apps-grid-desktop{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1440px){.smb-dashboards-view .apps-grid-desktop{grid-template-columns:repeat(5,minmax(0,1fr))}}.wpl-dashboard-card{position:relative;width:100%;height:140px;border-radius:var(--wpl-radius-md, 12px);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .3s ease-out;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(0,0,0,.05);isolation:isolate;will-change:transform,box-shadow;transform:translateZ(0);backface-visibility:hidden;background-color:#f5f5f5}@media(min-width:768px){.wpl-dashboard-card{height:180px}}@keyframes dashboardShimmer{0%{background-position:-200% center}to{background-position:200% center}}.wpl-dashboard-card:not([style*=background-image]):not([style*="background: linear"]){background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0);background-size:200% 100%;animation:dashboardShimmer 1.5s ease-in-out infinite}.wpl-dashboard-card img[loading=lazy]{opacity:0;transition:opacity .3s ease-in-out}.wpl-dashboard-card img[loading=lazy].loaded{opacity:1}.wpl-dashboard-card__icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.wpl-dashboard-card__scrim{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 30%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.6) 85%,rgba(0,0,0,.85) 100%);pointer-events:none;z-index:1;transition:opacity .2s ease}.wpl-dashboard-card__content{position:relative;z-index:2;padding:12px;display:flex;flex-direction:column;gap:4px;min-height:0;width:100%}@media(min-width:768px){.wpl-dashboard-card__content{padding:16px;gap:6px}}.wpl-dashboard-card__title{font-weight:600;font-size:15px;color:#fff;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.5);margin:0;word-break:break-word;letter-spacing:-.01em;font-family:var(--wpl-font-family)}@media(min-width:768px){.wpl-dashboard-card__title{font-size:16px}}.wpl-dashboard-card__refresh{font-size:12px;color:#fffc;display:flex;align-items:center;gap:4px}.wpl-dashboard-card__type-badge{position:absolute;bottom:10px;right:10px;width:28px;height:28px;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 2px 8px #0003;transition:transform .2s ease,background .2s ease}@media(min-width:768px){.wpl-dashboard-card__type-badge{bottom:14px;right:14px;width:32px;height:32px}}.wpl-dashboard-card__type-badge vaadin-icon,.wpl-dashboard-card__type-badge iron-icon{width:16px;height:16px;color:#ffffffe6}@media(min-width:768px){.wpl-dashboard-card__type-badge vaadin-icon,.wpl-dashboard-card__type-badge iron-icon{width:18px;height:18px}}@media(hover:hover)and (pointer:fine){.wpl-dashboard-card:hover .wpl-dashboard-card__type-badge{transform:scale(1.1);background:#000000a6}}.wpl-dashboard-card:active .wpl-dashboard-card__type-badge{transform:scale(.95)}@media(hover:hover)and (pointer:fine){.wpl-dashboard-card:hover{transform:scale(1.02) translateY(-2px);box-shadow:0 8px 24px #00000026}.wpl-dashboard-card:hover .wpl-dashboard-card__scrim{opacity:.95}}.wpl-dashboard-card:active{transform:scale(.95);transition:transform .1s cubic-bezier(.4,0,.2,1)}.wpl-dashboard-card:focus-visible{outline:3px solid var(--wpl-red-primary, #E1211A);outline-offset:2px}@media(hover:none)and (pointer:coarse){.wpl-dashboard-card:active{transform:scale(.97)}}@keyframes dashboardCardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wpl-dashboard-card{animation:dashboardCardFadeIn .4s cubic-bezier(.4,0,.2,1) backwards}.wpl-dashboard-card:nth-child(1){animation-delay:.05s}.wpl-dashboard-card:nth-child(2){animation-delay:.1s}.wpl-dashboard-card:nth-child(3){animation-delay:.15s}.wpl-dashboard-card:nth-child(4){animation-delay:.2s}.wpl-dashboard-card:nth-child(5){animation-delay:.25s}.wpl-dashboard-card:nth-child(6){animation-delay:.3s}.wpl-dashboard-card:nth-child(7){animation-delay:.35s}.wpl-dashboard-card:nth-child(8){animation-delay:.4s}@media(prefers-reduced-motion:reduce){.wpl-dashboard-card{animation:none;transition:none}}.smb-dashboard-detail-view{width:100%;box-sizing:border-box}.smb-dashboard-detail-view .wpl-dashboard-grid{padding-left:var(--wpl-space-md, 16px);padding-right:var(--wpl-space-md, 16px);box-sizing:border-box;width:100%}@media(min-width:768px)and (max-width:1023px){.smb-dashboard-detail-view .wpl-dashboard-grid{padding-left:var(--wpl-space-lg, 24px);padding-right:var(--wpl-space-lg, 24px)}}@media(min-width:1024px){.smb-dashboard-detail-view .wpl-dashboard-grid{padding-left:var(--wpl-space-md, 16px);padding-right:var(--wpl-space-md, 16px)}}.smb-dashboard-detail-view .wpl-chart-card{width:100%;max-width:100%;box-sizing:border-box}.smb-dashboard-detail-view .wpl-dashboard-widget,.smb-dashboard-detail-view .wpl-dashboard-widget-full{box-sizing:border-box}.smb-dashboard-detail-view .smb-dashboard-detail-view__header{padding-left:var(--wpl-space-md, 16px);padding-right:var(--wpl-space-md, 16px)}@media(min-width:768px)and (max-width:1023px){.smb-dashboard-detail-view .smb-dashboard-detail-view__header{padding-left:var(--wpl-space-lg, 24px);padding-right:var(--wpl-space-lg, 24px)}}@media(min-width:1024px){.smb-dashboard-detail-view .smb-dashboard-detail-view__header{padding-left:var(--wpl-space-md, 16px);padding-right:var(--wpl-space-md, 16px)}}.smb-dashboard-detail-view__header{display:flex;align-items:center;gap:var(--wpl-space-md, 16px);margin-bottom:var(--wpl-space-lg, 24px);flex-wrap:wrap}.smb-dashboard-detail-view__back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--wpl-radius-md, 10px);background-color:var(--wpl-gray-100, #F3F4F6);border:none;cursor:pointer;transition:background-color .2s ease,transform .1s ease;flex-shrink:0}.smb-dashboard-detail-view__back-btn:hover{background-color:var(--wpl-gray-200, #E5E7EB)}.smb-dashboard-detail-view__back-btn:active{transform:scale(.95)}.smb-dashboard-detail-view__back-btn:focus-visible{outline:2px solid var(--wpl-red-primary, #E1211A);outline-offset:2px}.smb-dashboard-detail-view__title{margin:0;color:var(--wpl-text-primary, #000000);font-size:var(--wpl-font-size-h2, 28px);font-weight:var(--wpl-font-weight-semibold, 600);font-family:var(--wpl-font-family);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.smb-dashboard-detail-view__title{font-size:var(--wpl-font-size-h3, 24px)}}.smb-dashboard-detail-view__refresh-btn{margin-left:auto;display:flex;align-items:center;gap:var(--wpl-space-xs, 4px);padding:var(--wpl-space-sm, 8px) var(--wpl-space-md, 16px);border-radius:var(--wpl-radius-md, 10px);background-color:transparent;border:1px solid var(--wpl-border, #E5E7EB);color:var(--wpl-text-secondary, #6A6A6A);font-size:var(--wpl-font-size-small, 14px);font-family:var(--wpl-font-family);cursor:pointer;transition:all .2s ease}.smb-dashboard-detail-view__refresh-btn:hover{background-color:var(--wpl-gray-100, #F3F4F6);color:var(--wpl-text-primary, #000000)}.smb-dashboard-detail-view__refresh-btn:active{transform:scale(.95)}.wpl-dashboard-charts{display:flex;flex-direction:column;gap:var(--wpl-space-lg, 24px)}.wpl-chart-container{background-color:var(--wpl-white, #FFFFFF);border-radius:var(--wpl-radius-md, 10px);box-shadow:var(--wpl-shadow-card, 0 2px 8px rgba(0, 0, 0, .08));overflow:hidden;transition:box-shadow .2s ease}.wpl-chart-container:hover{box-shadow:var(--wpl-shadow-md, 0 4px 12px rgba(0, 0, 0, .15))}.wpl-chart-container__header{display:flex;justify-content:space-between;align-items:center;padding:var(--wpl-space-lg, 24px);padding-bottom:var(--wpl-space-md, 16px);border-bottom:1px solid var(--wpl-border-light, #F3F4F6)}.wpl-chart-container__title{margin:0;font-size:18px;font-weight:var(--wpl-font-weight-semibold, 600);color:var(--wpl-text-primary, #000000);font-family:var(--wpl-font-family)}.wpl-chart-container__content{padding:var(--wpl-space-lg, 24px);min-height:300px;display:flex;align-items:center;justify-content:center}@media(min-width:1024px){.wpl-chart-container__content{min-height:350px}}.wpl-chart-container__actions{display:flex;gap:var(--wpl-space-sm, 8px);align-items:center}.wpl-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--wpl-space-xl, 32px);gap:var(--wpl-space-md, 16px);color:var(--wpl-text-secondary, #6A6A6A)}.wpl-dashboard-spinner{width:40px;height:40px;border:3px solid var(--wpl-gray-200, #E5E7EB);border-top-color:var(--wpl-red-primary, #E1211A);border-radius:50%;animation:spin 1s linear infinite}.wpl-chart-skeleton{width:100%;height:260px;background:linear-gradient(90deg,var(--wpl-gray-100, #F3F4F6) 0%,var(--wpl-gray-200, #E5E7EB) 50%,var(--wpl-gray-100, #F3F4F6) 100%);background-size:200% 100%;animation:skeletonLoading 1.5s ease-in-out infinite;border-radius:var(--wpl-radius-sm, 4px)}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(min-width:1024px){.wpl-chart-skeleton{height:310px}}.wpl-dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--wpl-space-xxl, 48px) var(--wpl-space-lg, 24px);text-align:center;color:var(--wpl-text-secondary, #6A6A6A)}.wpl-dashboard-empty__icon{width:64px;height:64px;color:var(--wpl-text-tertiary, #8A8A8A);margin-bottom:var(--wpl-space-md, 16px)}.wpl-dashboard-empty__title{font-size:var(--wpl-font-size-large, 18px);font-weight:var(--wpl-font-weight-semibold, 600);color:var(--wpl-text-primary, #000000);margin:0 0 var(--wpl-space-sm, 8px)}.wpl-dashboard-empty__message{font-size:var(--wpl-font-size-body, 16px);color:var(--wpl-text-secondary, #6A6A6A);margin:0;max-width:300px;line-height:var(--wpl-line-height-normal, 1.5)}.wpl-dashboard-empty__hint{font-size:var(--wpl-font-size-small, 14px);color:var(--wpl-text-tertiary, #8A8A8A);margin-top:var(--wpl-space-sm, 8px)}.wpl-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--wpl-space-xl, 32px);text-align:center;background-color:#ef44440d;border-radius:var(--wpl-radius-md, 10px);border:1px solid rgba(239,68,68,.2)}.wpl-dashboard-error__icon{width:48px;height:48px;color:var(--wpl-error, #F57C00);margin-bottom:var(--wpl-space-md, 16px)}.wpl-dashboard-error__message{font-size:var(--wpl-font-size-body, 16px);color:var(--wpl-error, #F57C00);margin:0}.wpl-auto-refresh-indicator{display:flex;align-items:center;gap:var(--wpl-space-xs, 4px);padding:var(--wpl-space-xs, 4px) var(--wpl-space-sm, 8px);background-color:#10b9811a;border-radius:var(--wpl-radius-sm, 4px);font-size:var(--wpl-font-size-tiny, 12px);color:#10b981;font-weight:var(--wpl-font-weight-medium, 500)}.wpl-auto-refresh-indicator__icon{width:12px;height:12px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.wpl-auto-refresh-indicator--active .wpl-auto-refresh-indicator__icon{animation:spin 1s linear infinite}.wpl-chart-pie .wpl-chart-container__content,.wpl-chart-donut .wpl-chart-container__content{justify-content:center;align-items:center}.wpl-chart-bar .wpl-chart-container__content,.wpl-chart-column .wpl-chart-container__content,.wpl-chart-line .wpl-chart-container__content,.wpl-chart-area .wpl-chart-container__content{padding:var(--wpl-space-md, 16px)}.wpl-dashboard-chart-grid{display:grid;gap:var(--wpl-space-lg, 24px);grid-template-columns:1fr}@media(min-width:768px){.wpl-dashboard-chart-grid--2cols{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.wpl-dashboard-chart-grid--3cols{grid-template-columns:repeat(3,1fr)}}.wpl-dashboard-chart-grid .wpl-chart-container--full{grid-column:1 / -1}@media(prefers-contrast:high){.wpl-dashboard-card{border:2px solid var(--wpl-black, #000000)}.wpl-dashboard-card__title{text-shadow:0 2px 4px rgba(0,0,0,.9)}.wpl-chart-container{border:1px solid var(--wpl-border, #E5E7EB)}.wpl-dashboard-card__scrim{background:linear-gradient(to bottom,transparent 0%,transparent 30%,rgba(0,0,0,.7) 70%,rgba(0,0,0,.95) 100%)}.wpl-dashboard-card__type-badge{background:#000c;border:1px solid rgba(255,255,255,.5)}}.wpl-chart-container:focus-visible,.wpl-dashboard-card:focus-visible{outline:2px solid var(--wpl-red-primary, #E1211A);outline-offset:2px}[theme~=dark] .wpl-dashboard-card{border-color:#ffffff1a}[theme~=dark] .wpl-dashboard-card__type-badge{background:#ffffff26}[theme~=dark] .wpl-chart-container{background-color:#2a2a2a}[theme~=dark] .wpl-chart-container__header{border-bottom-color:#4a4a4a}[theme~=dark] .wpl-chart-container__title,[theme~=dark] .smb-dashboard-detail-view__title{color:#fff}[theme~=dark] .smb-dashboard-detail-view__back-btn{background-color:#3a3a3a}[theme~=dark] .smb-dashboard-detail-view__back-btn:hover{background-color:#4a4a4a}[theme~=dark] .smb-dashboard-detail-view__refresh-btn{border-color:#4a4a4a;color:#ccc}[theme~=dark] .smb-dashboard-detail-view__refresh-btn:hover{background-color:#3a3a3a;color:#fff}[theme~=dark] .wpl-dashboard-empty,[theme~=dark] .wpl-dashboard-loading{color:#ccc}[theme~=dark] .wpl-dashboard-empty__title{color:#fff}[theme~=dark] .wpl-chart-skeleton{background:linear-gradient(90deg,#2a2a2a,#3a3a3a,#2a2a2a);background-size:200% 100%}@media print{.smb-dashboards-view .apps-grid-mobile,.smb-dashboards-view .apps-grid-desktop{grid-template-columns:repeat(2,1fr);gap:20px}.wpl-dashboard-card{box-shadow:none;border:1px solid var(--wpl-border, #E5E7EB);break-inside:avoid;animation:none}.wpl-dashboard-card:hover{transform:none;box-shadow:none}.wpl-chart-container{box-shadow:none;border:1px solid var(--wpl-border, #E5E7EB);break-inside:avoid}.smb-dashboard-detail-view__back-btn,.smb-dashboard-detail-view__refresh-btn,.wpl-auto-refresh-indicator{display:none}.wpl-dashboard-card__type-badge{background:#000000b3;backdrop-filter:none;-webkit-backdrop-filter:none}}.wpl-dashboard-card{will-change:transform,box-shadow;transform:translateZ(0);backface-visibility:hidden}.wpl-dashboard-card:not(:hover){will-change:auto}.wpl-chart-container{contain:layout style}@media(min-width:1024px)and (hover:hover){.wpl-card--interactive:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.wpl-datatable-row:hover{background-color:var(--wpl-bg-secondary);cursor:pointer}.wpl-tableview-row:hover{background-color:#00000005}.wpl-workflow-step:hover:not(.wpl-workflow-step-current):not(.wpl-workflow-step-completed){background-color:#00000008}.wpl-toggle-switch-track:hover{opacity:.9}.wpl-form-section-collapsible .wpl-form-section-header:hover{background:#00000008}.wpl-bottom-nav__tab:hover:not(.wpl-bottom-nav__tab--active){background-color:#00000008}}@media(min-width:1024px){.wpl-button{height:40px;min-height:40px}.wpl-button-small{height:32px;min-height:32px}.wpl-button-large{height:48px;min-height:48px}.wpl-text-field,.wpl-email-field,.wpl-number-field{--vaadin-input-field-height: 40px}.wpl-toggle-switch-track{height:28px;width:48px}.wpl-toggle-switch-thumb{width:24px;height:24px}.wpl-toggle-switch-checked .wpl-toggle-switch-thumb{transform:translate(20px)}.wpl-bottom-nav__tab{min-height:48px}}@media(min-width:1024px){:root{--wpl-font-size-body: 14px;--wpl-font-size-small: 13px;--wpl-font-size-tiny: 11px}.wpl-form-title,.wpl-mobile-header__title,.wpl-chart-card-title{font-size:20px}.wpl-workflow-progress-text{font-size:13px}.wpl-form-field-label,.wpl-datatable-header-cell{font-size:12px}}@media(min-width:768px){.wpl-form--two-column .wpl-form-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--wpl-space-lg)}.wpl-form--two-column .wpl-form-section,.wpl-form-field--full-width{grid-column:1 / -1}.wpl-form-field--half-width{grid-column:span 1}}.wpl-button:focus-visible,.wpl-text-field:focus-visible,.wpl-email-field:focus-visible,.wpl-number-field:focus-visible,.wpl-tableview-row:focus-visible,.wpl-datatable-row:focus-visible,.wpl-card--interactive:focus-visible,.wpl-bottom-nav__tab:focus-visible,.wpl-workflow-step:focus-visible,.wpl-toggle-switch:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:2px;z-index:1}.wpl-button:focus:not(:focus-visible),.wpl-text-field:focus:not(:focus-visible),.wpl-email-field:focus:not(:focus-visible),.wpl-number-field:focus:not(:focus-visible),.wpl-tableview-row:focus:not(:focus-visible),.wpl-datatable-row:focus:not(:focus-visible),.wpl-card--interactive:focus:not(:focus-visible),.wpl-bottom-nav__tab:focus:not(:focus-visible),.wpl-workflow-step:focus:not(:focus-visible),.wpl-toggle-switch:focus:not(:focus-visible){outline:none}.wpl-skip-to-content{position:absolute;top:-100px;left:0;background:var(--wpl-red-primary);color:var(--wpl-white);padding:var(--wpl-space-md);text-decoration:none;font-weight:var(--wpl-font-weight-semibold);z-index:9999}.wpl-skip-to-content:focus{top:0}@media(min-width:1024px){.wpl-datatable-row:nth-child(2n){background-color:#00000003}.wpl-datatable-row:nth-child(2n):hover{background-color:var(--wpl-bg-secondary)}.wpl-datatable-header{position:sticky;top:64px;z-index:10;background-color:var(--wpl-white);box-shadow:0 1px 3px #0000000d}.wpl-datatable-header-cell-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.wpl-datatable-header-cell-sortable:hover{background-color:#00000008}}@media(min-width:1024px){.wpl-metric-card-clickable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.wpl-chart-card-actions{opacity:.7;transition:opacity var(--wpl-transition-fast)}.wpl-chart-card:hover .wpl-chart-card-actions{opacity:1}.wpl-dashboard-grid{max-width:1400px;margin:0 auto}}@media(min-width:1024px){.wpl-main-layout-content{margin-left:240px;padding:var(--wpl-space-lg)}.wpl-content-container{max-width:1400px;margin:0 auto}.wpl-workflow{max-width:900px;margin:0 auto}}@media print{.wpl-bottom-nav,.wpl-mobile-header,.wpl-form-footer,.wpl-chart-card-actions{display:none!important}.wpl-card,.wpl-metric-card,.wpl-chart-card,.wpl-datatable{box-shadow:none!important;transform:none!important;break-inside:avoid}.wpl-main-layout-content{margin-left:0!important;padding:0!important}.wpl-mobile-header,.wpl-bottom-nav{background-color:transparent!important;color:var(--wpl-black)!important}.wpl-card,.wpl-form-section-fields{background-color:transparent!important;border:1px solid var(--wpl-border)!important}}@media(min-width:768px){.wpl-datatable-detail-view{max-width:700px;max-height:80vh}.wpl-modal,.wpl-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;width:90%}}@media(min-width:1024px)and (hover:hover){.wpl-card,.wpl-button,.wpl-datatable-row,.wpl-tableview-row,.wpl-metric-card-clickable{transition:all var(--wpl-transition-normal)}.wpl-button:active:not([disabled]){transform:scale(.98)}}.wpl-tooltip{position:absolute;background-color:#000000e6;color:var(--wpl-white);padding:var(--wpl-space-xs) var(--wpl-space-sm);border-radius:var(--wpl-radius-sm);font-size:12px;white-space:nowrap;z-index:9999;pointer-events:none;opacity:0;transition:opacity var(--wpl-transition-fast)}.wpl-tooltip--visible{opacity:1}@media(prefers-contrast:high){.wpl-button,.wpl-card,.wpl-form-section-fields,.wpl-datatable-row{border:2px solid currentColor}.wpl-bottom-nav__tab--active:before{height:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.wpl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.wpl-sr-only:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}@media(min-width:1024px){.wpl-skeleton{background:linear-gradient(90deg,var(--wpl-gray-100) 0%,var(--wpl-gray-200) 50%,var(--wpl-gray-100) 100%);background-size:200% 100%;animation:wpl-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--wpl-radius-sm)}@keyframes wpl-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wpl-loading-overlay{position:absolute;inset:0;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:999}.wpl-loading-spinner{width:40px;height:40px;border:4px solid var(--wpl-gray-200);border-top-color:var(--wpl-red-primary);border-radius:50%;animation:wpl-spinner-rotate .8s linear infinite}@keyframes wpl-spinner-rotate{to{transform:rotate(360deg)}}}@media(min-width:1024px){.wpl-error-banner{display:flex;align-items:center;gap:var(--wpl-space-md);padding:var(--wpl-space-md);background-color:#f57c001a;border-left:4px solid var(--wpl-error);border-radius:var(--wpl-radius-sm);margin-bottom:var(--wpl-space-lg)}.wpl-error-icon{color:var(--wpl-error);flex-shrink:0}.wpl-error-message{flex:1;color:var(--wpl-text-primary);font-size:14px}}.wpl-mobile-dialog{--vaadin-dialog-border-radius: var(--wpl-radius-lg);--vaadin-dialog-box-shadow: var(--wpl-shadow-overlay);--vaadin-dialog-padding: 0}vaadin-dialog-overlay[theme~=wpl-mobile-dialog]::part(backdrop){background-color:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}vaadin-dialog-overlay[theme~=wpl-mobile-dialog]::part(overlay){animation:wpl-dialog-slide-up .3s cubic-bezier(.25,.46,.45,.94);max-height:90vh;max-height:90dvh;overflow:hidden}vaadin-dialog-overlay[theme~=wpl-ios-safe]::part(overlay){max-height:85vh;max-height:-webkit-fill-available;max-height:85dvh;max-height:calc(100dvh - env(safe-area-inset-top,20px) - env(safe-area-inset-bottom,20px));margin-top:env(safe-area-inset-top,20px);margin-bottom:env(safe-area-inset-bottom,20px);position:fixed!important}@supports (-webkit-touch-callout: none){vaadin-dialog-overlay[theme~=wpl-ios-safe]::part(overlay){max-height:calc(100vh - 150px);max-height:-webkit-fill-available}.wpl-ios-device .wpl-dialog-main-layout{max-height:calc(100vh - 180px);max-height:-webkit-fill-available}}.wpl-password-form-section vaadin-password-field{--vaadin-input-field-border-width: 0;--vaadin-input-field-border-color: transparent;--vaadin-field-default-width: 100%;--lumo-text-field-size: 16px;--vaadin-input-field-height: 40px;width:100%!important;box-sizing:border-box!important}.wpl-ios-device .wpl-password-form-section vaadin-password-field{--vaadin-input-field-height: 36px;margin:0;padding:0}.wpl-ios-device vaadin-password-field::part(label){margin-bottom:2px!important;line-height:1.2!important}.wpl-password-form-section vaadin-password-field::part(input-field){padding-right:60px!important;overflow:visible!important}.wpl-profile-form-section vaadin-text-field{--vaadin-input-field-border-width: 0;--vaadin-input-field-border-color: transparent;--vaadin-field-default-width: 100%;--lumo-text-field-size: var(--wpl-font-size-body)}.wpl-avatar-section{position:relative}.wpl-avatar-section vaadin-avatar{box-shadow:0 2px 8px #0000001a;border:2px solid var(--wpl-white)}.wpl-password-requirements{animation:wpl-fade-in .3s ease-in}.wpl-error-message{animation:wpl-fade-in .2s ease-in}@media(hover:hover){.wpl-button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}.wpl-button-secondary:hover{background-color:var(--wpl-black, #000000)!important;color:var(--wpl-white, #FFFFFF)!important;border-color:var(--wpl-black, #000000)!important}}.wpl-button-primary:active,.wpl-button-secondary:active{transform:scale(.98);opacity:.9}@keyframes wpl-dialog-slide-up{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wpl-fade-in{0%{opacity:0}to{opacity:1}}.wpl-mobile-dialog vaadin-vertical-layout{max-height:calc(90vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch}.wpl-ios-device.wpl-mobile-dialog .wpl-dialog-main-layout{height:100%;max-height:calc(85dvh - 40px);max-height:calc(-webkit-fill-available - 40px);display:flex;flex-direction:column}.wpl-ios-device .wpl-dialog-scrollable-content{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:env(safe-area-inset-bottom,20px)}.wpl-ios-device .wpl-password-form-section{flex-shrink:0;min-height:auto}vaadin-password-field::part(reveal-button){cursor:pointer;color:var(--wpl-text-secondary);width:24px;height:24px;visibility:visible!important;opacity:1!important;display:flex!important;align-items:center;justify-content:center;margin-right:4px}vaadin-text-field::part(clear-button),vaadin-password-field::part(clear-button){cursor:pointer;color:var(--wpl-text-secondary);width:20px;height:20px}vaadin-text-field[disabled],vaadin-password-field[disabled]{opacity:.5;pointer-events:none}vaadin-text-field:focus-within,vaadin-password-field:focus-within{--vaadin-input-field-background: var(--wpl-bg-secondary)}vaadin-text-field[required]::part(required-indicator),vaadin-password-field[required]::part(required-indicator){color:var(--wpl-red-primary)}vaadin-text-field[invalid],vaadin-password-field[invalid]{--vaadin-input-field-border-color: var(--wpl-red-primary);--vaadin-input-field-border-width: 1px}vaadin-text-field[invalid]::part(error-message),vaadin-password-field[invalid]::part(error-message){color:var(--wpl-red-primary);font-size:var(--wpl-font-size-small);margin-top:var(--wpl-space-xs)}.wpl-password-form-section,.wpl-password-requirements,.wpl-error-message,.wpl-avatar-section,.wpl-profile-form-section{width:calc(100% - 2 * var(--wpl-space-md))!important;max-width:calc(100% - 2 * var(--wpl-space-md))!important;margin-left:var(--wpl-space-md)!important;margin-right:var(--wpl-space-md)!important;box-sizing:border-box!important}@media(min-width:768px){.wpl-password-form-section,.wpl-password-requirements,.wpl-error-message,.wpl-avatar-section,.wpl-profile-form-section{border-radius:var(--wpl-radius-md)!important;border-left:1px solid #E5E7EB!important;border-right:1px solid #E5E7EB!important}}@media(max-width:375px){.wpl-mobile-dialog{width:95vw!important}.wpl-mobile-dialog h2{font-size:var(--wpl-font-size-large)!important}.wpl-button-primary,.wpl-button-secondary{min-width:70px!important;font-size:var(--wpl-font-size-small)!important}}@media screen and (max-device-width:430px)and (max-device-height:932px){vaadin-dialog-overlay[theme~=wpl-ios-safe]::part(overlay){max-height:80dvh}}@media screen and (max-device-width:393px)and (max-device-height:852px){vaadin-dialog-overlay[theme~=wpl-ios-safe]::part(overlay){max-height:75dvh}}@media screen and (max-device-width:390px)and (max-device-height:844px){vaadin-dialog-overlay[theme~=wpl-ios-safe]::part(overlay){max-height:75dvh}.wpl-ios-device .wpl-dialog-main-layout{max-height:calc(75dvh - 30px)}.wpl-ios-device .wpl-password-form-section{margin-top:8px!important}.wpl-ios-device .wpl-password-requirements{margin-top:8px!important;padding:8px 12px!important}}@media(orientation:landscape)and (max-height:500px){vaadin-dialog-overlay[theme~=wpl-mobile-dialog]::part(overlay){max-height:95vh}.wpl-mobile-dialog vaadin-vertical-layout{max-height:calc(95vh - 100px)}.wpl-avatar-section{padding:var(--wpl-space-md)!important}.wpl-avatar-section vaadin-avatar{width:60px!important;height:60px!important}}.wpl-compact-password-dialog{--compact-field-height: 44px;--compact-header-height: 56px;--compact-footer-height: 64px;--compact-padding: 12px 20px}vaadin-dialog-overlay[theme~=wpl-compact]::part(overlay){max-height:520px!important;max-height:min(520px,85dvh)!important;animation:wpl-dialog-slide-up-compact .25s cubic-bezier(.25,.46,.45,.94)}.wpl-compact-password-dialog vaadin-password-field{--vaadin-input-field-height: var(--compact-field-height);margin-bottom:8px!important}.wpl-compact-password-dialog vaadin-password-field::part(label){font-size:13px!important;margin-bottom:2px!important;color:#666!important;line-height:1.2!important}.wpl-compact-password-dialog vaadin-password-field::part(input-field){background-color:#f8f9fa;border:1px solid #E0E0E0;border-radius:8px;transition:all .2s;padding-right:56px!important;min-height:var(--wpl-input-height, 44px)}.wpl-compact-password-dialog vaadin-password-field:focus-within::part(input-field){background-color:#fff;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.wpl-inline-validation{animation:wpl-validation-slide-in .2s ease-out;box-shadow:0 1px 3px #0000000d}@keyframes wpl-dialog-slide-up-compact{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wpl-validation-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wpl-compact-password-dialog .wpl-button-primary,.wpl-compact-password-dialog .wpl-button-secondary{height:40px!important;border-radius:20px!important;font-size:15px!important;padding:0 24px!important;transition:all .2s!important}.wpl-compact-password-dialog .wpl-button-primary:active,.wpl-compact-password-dialog .wpl-button-secondary:active{transform:scale(.95)!important}@supports (-webkit-touch-callout: none){.wpl-compact-password-dialog{--compact-field-height: 42px}vaadin-dialog-overlay[theme~=wpl-compact]::part(overlay){max-height:min(480px,calc(100vh - 100px))!important}}@media(max-width:375px){.wpl-compact-password-dialog{--compact-field-height: 40px;--compact-padding: 10px 16px}vaadin-dialog-overlay[theme~=wpl-compact]::part(overlay){max-height:460px!important}.wpl-compact-password-dialog vaadin-password-field::part(label){font-size:12px!important}.wpl-compact-password-dialog .wpl-button-primary,.wpl-compact-password-dialog .wpl-button-secondary{height:36px!important;font-size:14px!important;min-width:90px!important}}@media(max-width:320px){vaadin-dialog-overlay[theme~=wpl-compact]::part(overlay){max-height:440px!important;width:95vw!important}.wpl-compact-password-dialog{--compact-field-height: 38px;--compact-header-height: 48px;--compact-footer-height: 56px}}@supports (padding-top: env(safe-area-inset-top)){vaadin-dialog-overlay[theme~=wpl-compact]::part(overlay){margin-top:max(20px,env(safe-area-inset-top))!important;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px)!important}}vaadin-dialog-overlay[theme~=wpl-crop-dialog]::part(overlay){width:min(90vw,600px);max-height:min(85dvh,700px);border-radius:var(--wpl-radius-lg);box-shadow:var(--wpl-shadow-overlay)}.wpl-crop-dialog-content{display:flex;flex-direction:column;height:100%;max-height:calc(85dvh - 120px)}.wpl-crop-image-container{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;max-height:60dvh}.wpl-crop-image-container image-crop{max-width:100%;max-height:100%;object-fit:contain}.wpl-crop-dialog vaadin-button.wpl-button-primary{background-color:var(--wpl-red-primary);color:var(--wpl-white);border:none;border-radius:var(--wpl-radius-md);font-weight:var(--wpl-font-weight-semibold);min-width:80px;height:40px;transition:all var(--wpl-transition-normal)}.wpl-crop-dialog vaadin-button.wpl-button-primary:hover{background-color:var(--wpl-red-dark)}.wpl-crop-dialog vaadin-button.wpl-button-danger{background-color:var(--wpl-bg-secondary);color:var(--wpl-text-primary);border:1px solid var(--wpl-silver);border-radius:var(--wpl-radius-md);font-weight:var(--wpl-font-weight-medium);min-width:80px;height:40px;transition:all var(--wpl-transition-normal)}.wpl-crop-dialog vaadin-button.wpl-button-danger:hover{background-color:var(--wpl-bg-tertiary);border-color:var(--wpl-gray);color:var(--wpl-text-primary, #000000)}@media(max-width:768px){vaadin-dialog-overlay[theme~=wpl-crop-dialog]::part(overlay){width:95vw;max-height:80dvh}.wpl-crop-image-container{max-height:55dvh}}@media(max-width:375px){vaadin-dialog-overlay[theme~=wpl-crop-dialog]::part(overlay){width:98vw;max-height:75dvh}.wpl-crop-image-container{max-height:50dvh}.wpl-crop-dialog vaadin-button.wpl-button-primary,.wpl-crop-dialog vaadin-button.wpl-button-danger{min-width:70px;height:36px;font-size:var(--wpl-font-size-small)}}@media(orientation:landscape)and (max-height:500px){vaadin-dialog-overlay[theme~=wpl-crop-dialog]::part(overlay){max-height:90vh;width:min(80vw,700px)}.wpl-crop-image-container{max-height:65vh}}@supports (-webkit-touch-callout: none){vaadin-dialog-overlay[theme~=wpl-crop-dialog]::part(overlay){max-height:calc(100vh - 120px);max-height:-webkit-fill-available}.wpl-crop-image-container{max-height:calc(60vh - 40px);max-height:calc(-webkit-fill-available - 140px)}}@supports (padding-top: env(safe-area-inset-top)){vaadin-dialog-overlay[theme~=wpl-crop-dialog]::part(overlay){margin-top:max(20px,env(safe-area-inset-top));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 60px)}}.wpl-mobile-dialog,.wpl-compact-password-dialog{--wpl-dialog-bg: #FFFFFF;--wpl-dialog-input-bg: #F8F9FA;--wpl-dialog-input-bg-focus: #FFFFFF;--wpl-dialog-text-primary: #000000;--wpl-dialog-text-secondary: #666666;--wpl-dialog-text-placeholder: #999999;--wpl-dialog-border: #E0E0E0;--wpl-dialog-border-focus: #2196F3;color-scheme:light}.wpl-mobile-dialog vaadin-password-field input,.wpl-compact-password-dialog vaadin-password-field input{color:var(--wpl-dialog-text-primary, #000000)!important;-webkit-text-fill-color:var(--wpl-dialog-text-primary, #000000)!important;caret-color:var(--wpl-dialog-text-primary, #000000)!important;background:transparent!important}.wpl-mobile-dialog vaadin-password-field::part(input-field),.wpl-compact-password-dialog vaadin-password-field::part(input-field){background-color:var(--wpl-dialog-input-bg, #F8F9FA)!important;border-color:var(--wpl-dialog-border, #E0E0E0)!important;min-height:var(--wpl-input-height, 44px)}.wpl-mobile-dialog vaadin-password-field:focus-within::part(input-field),.wpl-compact-password-dialog vaadin-password-field:focus-within::part(input-field){background-color:var(--wpl-dialog-input-bg-focus, #FFFFFF)!important;border-color:var(--wpl-dialog-border-focus, #2196F3)!important}.wpl-mobile-dialog vaadin-text-field input,.wpl-compact-password-dialog vaadin-text-field input{color:var(--wpl-dialog-text-primary, #000000)!important;-webkit-text-fill-color:var(--wpl-dialog-text-primary, #000000)!important;caret-color:var(--wpl-dialog-text-primary, #000000)!important;background:transparent!important}.wpl-mobile-dialog vaadin-text-field::part(input-field),.wpl-compact-password-dialog vaadin-text-field::part(input-field){background-color:var(--wpl-dialog-input-bg, #F8F9FA)!important;border-color:var(--wpl-dialog-border, #E0E0E0)!important;min-height:var(--wpl-input-height, 44px)}.wpl-mobile-dialog vaadin-text-field:focus-within::part(input-field),.wpl-compact-password-dialog vaadin-text-field:focus-within::part(input-field){background-color:var(--wpl-dialog-input-bg-focus, #FFFFFF)!important;border-color:var(--wpl-dialog-border-focus, #2196F3)!important}.wpl-mobile-dialog vaadin-password-field input::placeholder,.wpl-compact-password-dialog vaadin-password-field input::placeholder,.wpl-mobile-dialog vaadin-text-field input::placeholder,.wpl-compact-password-dialog vaadin-text-field input::placeholder{color:var(--wpl-dialog-text-placeholder, #999999)!important;opacity:1!important}.wpl-mobile-dialog vaadin-password-field::part(label),.wpl-compact-password-dialog vaadin-password-field::part(label),.wpl-mobile-dialog vaadin-text-field::part(label),.wpl-compact-password-dialog vaadin-text-field::part(label){color:var(--wpl-dialog-text-secondary, #666666)!important}.wpl-profile-dialog{--wpl-profile-dialog-width: 90vw;--wpl-profile-dialog-max-width: 400px;--wpl-profile-dialog-padding: var(--wpl-space-lg, 24px);--wpl-profile-dialog-header-padding: var(--wpl-space-lg, 24px) var(--wpl-space-lg, 24px) var(--wpl-space-md, 16px);--wpl-profile-dialog-footer-padding: var(--wpl-space-md, 16px) var(--wpl-space-lg, 24px) var(--wpl-space-lg, 24px);--wpl-profile-dialog-content-padding: var(--wpl-space-md, 16px) var(--wpl-space-lg, 24px);--wpl-profile-dialog-bg: var(--wpl-white, #FFFFFF);--wpl-profile-dialog-header-bg: var(--wpl-white, #FFFFFF);--wpl-profile-dialog-border-color: var(--wpl-silver, #E5E7EB);--wpl-profile-dialog-title-color: var(--wpl-text-primary, #1A1A1A);--wpl-profile-dialog-close-color: var(--wpl-text-secondary, #666666);--wpl-profile-dialog-close-hover-color: var(--wpl-text-primary, #1A1A1A);--wpl-profile-dialog-title-size: var(--wpl-font-size-xlarge, 20px);--wpl-profile-dialog-title-weight: var(--wpl-font-weight-semibold, 600);--wpl-profile-dialog-button-height: 44px;--wpl-profile-dialog-button-min-width: 100px;--wpl-profile-dialog-button-radius: var(--wpl-radius-md, 8px);--wpl-profile-dialog-button-font-size: var(--wpl-font-size-body, 16px);--wpl-profile-dialog-radius: var(--wpl-radius-lg, 16px);--wpl-profile-dialog-shadow: var(--wpl-shadow-overlay, 0 10px 40px rgba(0, 0, 0, .15));--wpl-profile-dialog-transition: var(--wpl-transition-normal, .2s ease);color-scheme:light}vaadin-dialog-overlay[theme~=wpl-profile-dialog]::part(backdrop){background-color:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}vaadin-dialog-overlay[theme~=wpl-profile-dialog]::part(overlay){width:var(--wpl-profile-dialog-width);max-width:var(--wpl-profile-dialog-max-width);max-height:90dvh;border-radius:var(--wpl-profile-dialog-radius);box-shadow:var(--wpl-profile-dialog-shadow);background-color:var(--wpl-profile-dialog-bg);padding:0;overflow:hidden;animation:wpl-profile-dialog-enter .25s cubic-bezier(.25,.46,.45,.94)}@keyframes wpl-profile-dialog-enter{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.wpl-profile-dialog-header{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--wpl-profile-dialog-header-padding);background-color:var(--wpl-profile-dialog-header-bg);border-bottom:1px solid var(--wpl-profile-dialog-border-color);box-sizing:border-box;flex-shrink:0}.wpl-profile-dialog-title{margin:0;font-size:var(--wpl-profile-dialog-title-size);font-weight:var(--wpl-profile-dialog-title-weight);color:var(--wpl-profile-dialog-title-color);line-height:1.3}.wpl-profile-dialog-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--wpl-radius-sm, 6px);cursor:pointer;color:var(--wpl-profile-dialog-close-color);transition:all var(--wpl-profile-dialog-transition);background:transparent;border:none;padding:0;flex-shrink:0}.wpl-profile-dialog-close:hover{color:var(--wpl-profile-dialog-close-hover-color);background-color:var(--wpl-bg-secondary, #F5F5F5)}.wpl-profile-dialog-close:active{transform:scale(.95)}.wpl-profile-dialog-close vaadin-icon,.wpl-profile-dialog-close iron-icon{width:24px;height:24px}.wpl-profile-dialog-main-layout{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.wpl-profile-dialog-content{padding:var(--wpl-profile-dialog-content-padding);background-color:var(--wpl-profile-dialog-bg);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;flex:1;min-height:0;box-sizing:border-box}.wpl-profile-dialog-about-content{text-align:center;padding:var(--wpl-space-xl, 32px) var(--wpl-space-lg, 24px)}.wpl-profile-dialog-about-content .wpl-about-app-name{font-size:var(--wpl-font-size-large, 18px);font-weight:var(--wpl-font-weight-semibold, 600);color:var(--wpl-text-primary, #1A1A1A);margin-bottom:var(--wpl-space-sm, 8px)}.wpl-profile-dialog-about-content .wpl-about-version{font-size:var(--wpl-font-size-body, 16px);color:var(--wpl-text-secondary, #666666);margin-bottom:var(--wpl-space-lg, 24px)}.wpl-profile-dialog-about-content .wpl-about-copyright{font-size:var(--wpl-font-size-small, 14px);color:var(--wpl-text-tertiary, #999999)}.wpl-profile-dialog-footer{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:var(--wpl-space-md, 16px);padding:var(--wpl-profile-dialog-footer-padding);background-color:var(--wpl-profile-dialog-header-bg);border-top:1px solid var(--wpl-profile-dialog-border-color);box-sizing:border-box;flex-shrink:0}.wpl-profile-dialog-footer--centered{justify-content:center}.wpl-profile-dialog-button{height:var(--wpl-profile-dialog-button-height);min-width:var(--wpl-profile-dialog-button-min-width);padding:0 var(--wpl-space-lg, 24px);border-radius:var(--wpl-profile-dialog-button-radius);font-size:var(--wpl-profile-dialog-button-font-size);font-weight:var(--wpl-font-weight-medium, 500);cursor:pointer;transition:all var(--wpl-profile-dialog-transition);border:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.wpl-profile-dialog-button--secondary{background-color:var(--wpl-bg-secondary, #F5F5F5);color:var(--wpl-text-primary, #1A1A1A);border:1px solid var(--wpl-silver, #E5E7EB)}.wpl-profile-dialog-button--secondary:hover{background-color:var(--wpl-bg-tertiary, #EBEBEB);border-color:var(--wpl-gray, #CCCCCC)}.wpl-profile-dialog-button--secondary:active{transform:scale(.98)}.wpl-profile-dialog-button--primary{background-color:var(--wpl-red-primary, #E1211A);color:var(--wpl-white, #FFFFFF);font-weight:var(--wpl-font-weight-semibold, 600)}.wpl-profile-dialog-button--primary:hover{background-color:var(--wpl-red-dark, #C41E17)}.wpl-profile-dialog-button--primary:active{transform:scale(.98)}.wpl-profile-dialog-button--primary:disabled{opacity:.5;cursor:not-allowed}.wpl-profile-dialog-button--ok{background-color:var(--wpl-red-primary, #E1211A);color:var(--wpl-white, #FFFFFF);font-weight:var(--wpl-font-weight-semibold, 600);min-width:120px}.wpl-profile-dialog-button--ok:hover{background-color:var(--wpl-red-dark, #C41E17)}.wpl-profile-dialog-button--ok:active{transform:scale(.98)}@media(max-width:375px){.wpl-profile-dialog{--wpl-profile-dialog-max-width: 95vw;--wpl-profile-dialog-padding: var(--wpl-space-md, 16px);--wpl-profile-dialog-header-padding: var(--wpl-space-md, 16px);--wpl-profile-dialog-footer-padding: var(--wpl-space-md, 16px);--wpl-profile-dialog-button-height: 40px;--wpl-profile-dialog-button-min-width: 80px;--wpl-profile-dialog-button-font-size: var(--wpl-font-size-small, 14px);--wpl-profile-dialog-title-size: var(--wpl-font-size-large, 18px)}}@supports (-webkit-touch-callout: none){vaadin-dialog-overlay[theme~=wpl-profile-dialog]::part(overlay){max-height:calc(100vh - 100px);max-height:-webkit-fill-available}}@supports (padding-top: env(safe-area-inset-top)){vaadin-dialog-overlay[theme~=wpl-profile-dialog]::part(overlay){margin-top:max(20px,env(safe-area-inset-top));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px)}}@media(orientation:landscape)and (max-height:500px){vaadin-dialog-overlay[theme~=wpl-profile-dialog]::part(overlay){max-height:90vh}.wpl-profile-dialog-about-content{padding:var(--wpl-space-lg, 24px) var(--wpl-space-lg, 24px)}}@media(max-width:767px){.wpl-main-layout__content:has(.smb-apps-view){padding-left:0!important;padding-right:0!important}.smb-apps-view{width:100%;box-sizing:border-box}.smb-apps-view .wpl-layout-content{padding:0 16px!important;width:100%;box-sizing:border-box}.smb-apps-view .apps-grid-mobile{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%;box-sizing:border-box;overflow:hidden}.smb-apps-view .apps-grid-mobile>div{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}}@media(min-width:768px){.smb-apps-view .apps-grid-desktop{display:grid;gap:20px}}@media(min-width:768px)and (max-width:1023px){.smb-apps-view .apps-grid-desktop{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.smb-apps-view .apps-grid-desktop{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1440px){.smb-apps-view .apps-grid-desktop{grid-template-columns:repeat(5,minmax(0,1fr))}}.wpl-app-card{position:relative;width:100%;height:140px;border-radius:12px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a;border:1px solid rgba(0,0,0,.05);background-color:#f5f5f5;isolation:isolate}@media(min-width:768px){.wpl-app-card{height:180px}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.wpl-app-card:not([style*=background-image]):not([style*="background: linear"]){background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.wpl-app-card__scrim{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 40%,rgba(0,0,0,.1) 60%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:1}.wpl-app-card:not([style*=background-image]) .wpl-app-card__scrim{background:linear-gradient(to bottom,transparent 0%,transparent 30%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.6) 85%,rgba(0,0,0,.85) 100%)}.wpl-app-card__icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:48px;font-weight:700;color:#ffffff4d;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-1px;text-transform:uppercase}.wpl-app-card__content{position:relative;z-index:2;padding:12px;display:flex;flex-direction:column;gap:4px;min-height:0;width:100%}@media(min-width:768px){.wpl-app-card__content{padding:16px;gap:6px}}.wpl-app-card__title{font-weight:600;font-size:15px;color:#fff;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.5);margin:0;word-break:break-word;letter-spacing:-.01em}@media(min-width:768px){.wpl-app-card__title{font-size:16px}}.wpl-app-card__description{font-size:12px;color:#ffffffe6;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;letter-spacing:.01em}@media(min-width:768px){.wpl-app-card__description{font-size:13px;line-height:1.35}}.wpl-app-card__badge{position:absolute;top:8px;right:8px;background:#ff6b6be6;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;box-shadow:0 2px 4px #0003}.wpl-app-card--admin .wpl-app-card__badge{background:linear-gradient(135deg,#ff6b6b,#ff5252);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}@media(hover:hover)and (pointer:fine){.wpl-app-card:hover{transform:scale(1.02) translateY(-2px);box-shadow:0 8px 24px #00000026}.wpl-app-card:hover:before{transform:scale(1.05)}.wpl-app-card:hover .wpl-app-card__scrim{opacity:.95}}.wpl-app-card:active{transform:scale(.95);transition:transform .1s cubic-bezier(.4,0,.2,1)}.wpl-app-card:focus-visible{outline:3px solid var(--wpl-primary, #4F46E5);outline-offset:2px}@media(hover:none)and (pointer:coarse){.wpl-app-card:active{transform:scale(.97)}}.wpl-app-card img[loading=lazy]{opacity:0;transition:opacity .3s ease-in-out}.wpl-app-card img[loading=lazy].loaded{opacity:1}.wpl-app-card:before{content:"";position:absolute;inset:0;background:inherit;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wpl-app-card{animation:cardFadeIn .4s cubic-bezier(.4,0,.2,1) backwards}.wpl-app-card:nth-child(1){animation-delay:.05s}.wpl-app-card:nth-child(2){animation-delay:.1s}.wpl-app-card:nth-child(3){animation-delay:.15s}.wpl-app-card:nth-child(4){animation-delay:.2s}.wpl-app-card:nth-child(5){animation-delay:.25s}.wpl-app-card:nth-child(6){animation-delay:.3s}.wpl-app-card:nth-child(7){animation-delay:.35s}.wpl-app-card:nth-child(8){animation-delay:.4s}@media(prefers-reduced-motion:reduce){.wpl-app-card{animation:none;transition:none}.wpl-app-card:before{transition:none}}.smb-apps-view .apps-grid-mobile>div.wpl-muted-text,.smb-apps-view .apps-grid-desktop>div.wpl-muted-text{grid-column:1 / -1;text-align:center;padding:48px 16px;color:var(--wpl-text-secondary);font-size:14px;line-height:1.6}@media(prefers-contrast:high){.wpl-app-card__title{text-shadow:0 2px 4px rgba(0,0,0,.9)}.wpl-app-card__description{text-shadow:0 1px 3px rgba(0,0,0,.9)}.wpl-app-card__scrim{background:linear-gradient(to bottom,transparent 0%,transparent 30%,rgba(0,0,0,.7) 70%,rgba(0,0,0,.95) 100%)}}@media(prefers-color-scheme:dark){.wpl-app-card{border-color:#ffffff1a}}.wpl-app-card{will-change:transform,box-shadow;transform:translateZ(0);backface-visibility:hidden}.wpl-app-card:not(:hover){will-change:auto}.wpl-inbox-view{margin:0!important;padding:0!important;width:100%!important}.wpl-inbox-view>vaadin-vertical-layout{margin:0!important;padding:0!important;width:100%!important}.wpl-inbox-header{background:var(--wpl-bg-primary);box-shadow:0 2px 8px #0000001a;border-bottom:1px solid var(--wpl-gray-200);position:sticky;top:0;z-index:100;transition:all .3s ease;width:100%!important;margin:0!important;padding:0!important}.wpl-inbox-header-main{background:var(--wpl-red-primary);color:var(--wpl-text-on-primary);min-height:60px;position:relative;overflow:hidden}.wpl-inbox-header-main:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.wpl-inbox-header-title{color:var(--wpl-text-on-primary);font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.wpl-inbox-unread-badge{background:var(--wpl-white);color:var(--wpl-red-primary);border-radius:12px;padding:2px 8px;font-size:.875rem;font-weight:600;min-width:24px;text-align:center;box-shadow:0 2px 4px #0003;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.wpl-pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 4px #0003}50%{transform:scale(1.1);box-shadow:0 4px 8px #e1211a66}}.wpl-inbox-search{background:#ffffffe6;border-radius:8px;border:1px solid rgba(255,255,255,.3)}.wpl-inbox-search::part(input-field){background:transparent;border:none;box-shadow:none;padding:6px 10px}.wpl-inbox-search::part(label){display:none!important;height:0!important;padding:0!important;margin:0!important}.wpl-inbox-search::part(helper-text){display:none!important}.wpl-inbox-search::part(error-message){display:none!important}.wpl-inbox-search input{color:var(--wpl-text-primary)}.wpl-inbox-header-button{color:var(--wpl-text-on-primary)!important;transition:all .2s ease}.wpl-inbox-header-button:hover{background:#ffffff1a!important;transform:translateY(-1px)}.wpl-rotating{animation:rotate 1s ease-in-out}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wpl-inbox-filter-bar{background:var(--wpl-gray-50);border-bottom:1px solid var(--wpl-gray-200);padding:var(--wpl-space-md);animation:slideDown .3s ease;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.wpl-inbox-filters-wrapper{display:flex;gap:12px;flex:1;align-items:flex-end;flex-wrap:wrap}.wpl-inbox-filter{background:var(--wpl-bg-primary);border:1px solid var(--wpl-gray-300);border-radius:6px;min-width:0;flex:1;width:auto}@media(min-width:768px){.wpl-inbox-filters-wrapper{flex-wrap:nowrap}.wpl-inbox-filter{min-width:150px;max-width:200px}}@media(max-width:767px){.wpl-inbox-filter-bar{flex-direction:column;align-items:stretch}.wpl-inbox-filters-wrapper{flex-direction:column;width:100%}.wpl-inbox-filter{width:100%!important;max-width:none!important}.wpl-inbox-clear-button{align-self:flex-end;margin-top:8px}}@media(max-width:390px){.wpl-inbox-filter-bar{padding:8px}.wpl-inbox-filters-wrapper{gap:8px}.wpl-inbox-filter vaadin-combo-box-label{font-size:12px}}.wpl-inbox-header-mobile .wpl-inbox-header-main{min-height:56px;padding:8px}.wpl-inbox-header-mobile .wpl-inbox-header-title{font-size:1.2rem}.wpl-inbox-header-mobile .wpl-inbox-search{margin-top:8px}@media(max-width:480px){.wpl-inbox-header-main{flex-direction:row;flex-wrap:wrap;align-items:center!important;gap:8px;padding:12px!important}.wpl-inbox-header-main>vaadin-horizontal-layout:first-child{order:1;flex-shrink:0}.wpl-inbox-header-main>vaadin-horizontal-layout:last-child{order:2;flex-shrink:0;margin-left:auto}.wpl-inbox-search{order:3;width:100%!important;flex-basis:100%!important;margin-top:4px}}.wpl-inbox-row{background:var(--wpl-bg-primary);border-bottom:1px solid var(--wpl-gray-200);transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden;margin:0!important;padding-left:0!important;width:100%!important}.wpl-inbox-row:hover,.wpl-inbox-row-hover{background:var(--wpl-gray-50);transform:translate(2px)}.wpl-inbox-row-touch{background:var(--wpl-gray-100);transform:scale(.98)}.wpl-inbox-type-indicator{min-width:4px;flex-shrink:0;transition:width .2s ease;margin:0!important}.wpl-inbox-row:hover .wpl-inbox-type-indicator{min-width:6px}.wpl-inbox-content{flex:1;min-width:0}.wpl-inbox-subject{font-size:1rem;color:var(--wpl-text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.wpl-inbox-sender{font-size:.875rem;color:var(--wpl-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpl-inbox-time{font-size:.75rem;color:var(--wpl-text-tertiary);white-space:nowrap;flex-shrink:0}.wpl-inbox-preview{font-size:.875rem;color:var(--wpl-text-tertiary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;line-height:1.3}.wpl-inbox-type-label{display:inline-flex;align-items:center;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;padding:1px 4px;border-radius:3px;background:transparent;opacity:.7}.wpl-inbox-status{display:inline-flex;align-items:center;margin-left:auto}.wpl-inbox-new-badge{background:var(--wpl-blue-primary);color:#fff;font-size:.625rem;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wpl-inbox-avatar{flex-shrink:0;margin-right:12px;border:2px solid transparent;transition:border-color .2s ease}.wpl-inbox-row:hover .wpl-inbox-avatar{border-color:var(--wpl-gray-300)}.wpl-inbox-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.wpl-inbox-row:hover .wpl-inbox-actions,.wpl-inbox-row-mobile .wpl-inbox-actions{opacity:1}.wpl-inbox-action-button{transition:all .2s ease}.wpl-inbox-action-button:hover{transform:translateY(-1px)}.wpl-inbox-primary-action{background:var(--wpl-red-primary)!important;color:#fff!important;font-weight:500;padding:4px 12px;animation:slideInRight .3s ease}.wpl-inbox-primary-action-mobile{background:var(--wpl-red-primary)!important;color:#fff!important;min-width:32px!important;width:32px!important;height:32px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0}.wpl-inbox-primary-action-mobile vaadin-icon{width:16px;height:16px}@keyframes slideInRight{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}.wpl-inbox-primary-action:hover{background:var(--wpl-red-hover)!important;transform:translate(2px)}.wpl-inbox-primary-action-mobile:hover{background:var(--wpl-red-hover)!important;transform:scale(1.1)}.wpl-inbox-notification{background:linear-gradient(to right,transparent,rgba(0,122,255,.02))}.wpl-inbox-notification .wpl-inbox-type-label{color:var(--wpl-blue-primary)}.wpl-inbox-wipp{background:linear-gradient(to right,transparent,rgba(225,33,26,.02))}.wpl-inbox-wipp .wpl-inbox-type-label{color:var(--wpl-red-primary)}.wpl-inbox-action-required{background:linear-gradient(to right,rgba(225,33,26,.05),transparent)}.wpl-inbox-action-required .wpl-inbox-subject{color:var(--wpl-text-primary);font-weight:700}.wpl-inbox-topic{background:linear-gradient(to right,transparent,rgba(107,114,128,.02))}.wpl-inbox-topic .wpl-inbox-type-label{color:var(--wpl-gray-600)}.wpl-inbox-system{background:linear-gradient(to right,transparent,rgba(55,65,81,.02))}.wpl-inbox-system .wpl-inbox-type-label{color:var(--wpl-gray-700)}.wpl-inbox-support{background:linear-gradient(to right,transparent,rgba(245,124,0,.02))}.wpl-inbox-support .wpl-inbox-type-label{color:var(--wpl-error)}.wpl-inbox-unread{background:linear-gradient(to right,rgba(0,122,255,.05),var(--wpl-bg-primary))}.wpl-inbox-unread .wpl-inbox-subject{font-weight:700;color:var(--wpl-text-primary)}.wpl-inbox-row:not(.wpl-inbox-unread) .wpl-inbox-subject{font-weight:400}.wpl-inbox-unread .wpl-inbox-type-indicator{animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:none}50%{box-shadow:0 0 8px currentColor}}.wpl-inbox-row-mobile{min-height:64px;padding:0}.wpl-inbox-row-mobile .wpl-inbox-subject{font-size:.9375rem;line-height:1.2;margin-bottom:2px}.wpl-inbox-row-mobile .wpl-inbox-sender{font-size:.8125rem;color:var(--wpl-text-tertiary);opacity:.8}.wpl-inbox-row-mobile .wpl-inbox-time,.wpl-inbox-row-mobile .wpl-inbox-preview,.wpl-inbox-row-mobile .wpl-inbox-type-label{display:none}.wpl-inbox-row-mobile .wpl-inbox-avatar{margin-right:8px;width:36px!important;height:36px!important}.wpl-inbox-row-mobile .wpl-inbox-status{margin-left:auto;margin-right:4px;flex-shrink:0;display:flex;align-items:center}.wpl-inbox-row-mobile .wpl-inbox-status vaadin-icon{width:12px!important;height:12px!important}.wpl-inbox-action-button-mobile{min-width:28px!important;width:28px!important;height:28px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;transition:all .2s ease}.wpl-inbox-action-button-mobile vaadin-icon{width:14px;height:14px}.wpl-inbox-action-button-mobile:hover{background:var(--wpl-gray-100)!important;transform:scale(1.1)}.wpl-inbox-row-mobile .wpl-inbox-actions{display:none}.wpl-inbox-row-desktop{min-height:80px;padding:0;width:100%!important;margin:0!important}.wpl-inbox-row-desktop .wpl-inbox-subject{margin-bottom:4px}.wpl-inbox-row-desktop .wpl-inbox-content{display:flex;flex-direction:column;justify-content:center}.wpl-inbox-row-desktop .wpl-inbox-type-label{display:none!important}.wpl-inbox-row-desktop .wpl-inbox-status{display:inline-flex;align-items:center;margin-left:8px;flex-shrink:0}.wpl-inbox-row-desktop .wpl-inbox-status vaadin-icon{width:14px!important;height:14px!important}@media(max-width:768px){.wpl-inbox-row{position:relative;transition:transform .3s ease}.wpl-inbox-row.swiping-left{transform:translate(-80px)}.wpl-inbox-row.swiping-right{transform:translate(80px)}.wpl-inbox-row:before,.wpl-inbox-row:after{content:"";position:absolute;top:0;bottom:0;width:80px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.wpl-inbox-row:before{left:0;background:var(--lumo-success-color)}.wpl-inbox-row:after{right:0;background:var(--wpl-error)}.wpl-inbox-row.swiping-right:before{opacity:1}.wpl-inbox-row.swiping-left:after{opacity:1}}.wpl-inbox-list{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:100px;width:100%!important;margin:0!important;padding:12px 0 0!important}.wpl-inbox-scroller{overflow-y:auto;position:relative;width:100%!important;margin:0!important;padding:0!important}.wpl-inbox-list-virtual{position:relative;height:100%}.wpl-pull-to-refresh{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:40px;height:40px;background:var(--wpl-red-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:all .3s ease}.wpl-pull-to-refresh.visible{opacity:1;top:10px}.wpl-pull-to-refresh.refreshing{animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.wpl-inbox-empty{padding:48px;text-align:center;color:var(--wpl-text-secondary)}.wpl-inbox-empty-icon{font-size:64px;color:var(--wpl-gray-400);margin-bottom:16px}.wpl-inbox-empty-title{font-size:1.25rem;font-weight:500;color:var(--wpl-text-primary);margin-bottom:8px}.wpl-inbox-empty-message{font-size:.875rem;color:var(--wpl-text-tertiary)}.wpl-inbox-skeleton{padding:16px;border-bottom:1px solid var(--wpl-gray-200)}.wpl-inbox-skeleton-row{display:flex;align-items:center;gap:12px}.wpl-inbox-skeleton-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,var(--wpl-gray-200) 25%,var(--wpl-gray-100) 50%,var(--wpl-gray-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite}.wpl-inbox-skeleton-content{flex:1}.wpl-inbox-skeleton-line{height:12px;background:linear-gradient(90deg,var(--wpl-gray-200) 25%,var(--wpl-gray-100) 50%,var(--wpl-gray-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.wpl-inbox-skeleton-line:last-child{width:60%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.wpl-inbox-status-new{color:#007aff}.wpl-inbox-status-new .wpl-pulse{animation:statusPulse 2s ease-in-out infinite}.wpl-inbox-status-error{color:#e1211a}.wpl-inbox-status-error .wpl-pulse{animation:statusPulse 2s ease-in-out infinite}.wpl-inbox-status-done{color:#17c800}.wpl-inbox-status-viewed{color:#6a6a6a}.wpl-inbox-status-canceled{color:#7a8591}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}.wpl-inbox-row-compact{min-height:48px!important}.wpl-inbox-row-compact.wpl-inbox-row-desktop{padding:0!important}.wpl-inbox-row-compact.wpl-inbox-row-mobile{padding:0 12px 0 0!important}.wpl-inbox-row-compact .wpl-inbox-avatar{width:32px!important;height:32px!important;margin-right:8px!important}.wpl-inbox-row-compact .wpl-inbox-subject{font-size:.875rem;line-height:1.2}.wpl-inbox-row-compact .wpl-inbox-sender{font-size:.75rem;line-height:1.2}.wpl-inbox-row-compact .wpl-inbox-time{font-size:.6875rem}.wpl-inbox-row-compact .wpl-inbox-content{gap:0!important;padding:0!important;margin:0!important}.wpl-inbox-row-compact .wpl-inbox-wipp-subtitle{font-size:.75rem;line-height:1.2;margin-top:0}.wpl-inbox-row-compact .wpl-inbox-content vaadin-vertical-layout,.wpl-inbox-row-compact .wpl-inbox-meta{padding:0!important;margin:0!important}.wpl-inbox-row-compact .wpl-inbox-status vaadin-icon{width:12px!important;height:12px!important}.wpl-inbox-row-mobile.wpl-inbox-row-compact{min-height:52px!important}.wpl-inbox-row-mobile.wpl-inbox-row-compact .wpl-inbox-avatar{width:28px!important;height:28px!important}.wpl-inbox-hide-status .wpl-inbox-status,.wpl-inbox-hide-type .wpl-inbox-type-indicator,.wpl-inbox-hide-preview .wpl-inbox-preview,.wpl-inbox-hide-avatar .wpl-inbox-avatar{display:none!important}.wpl-inbox-wipp-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:var(--wpl-red-primary, #E1211A);color:#fff;border-radius:10px;padding:0 6px;font-size:12px;font-weight:600;margin-left:8px;flex-shrink:0;animation:badgePop .3s ease}@keyframes badgePop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.wpl-inbox-wipp-subtitle{color:var(--wpl-text-secondary, #6A6A6A);font-size:14px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpl-inbox-wipp-completed{opacity:.7}.wpl-inbox-wipp-completed .wpl-inbox-subject{font-weight:400!important;color:var(--wpl-text-secondary, #6A6A6A)}.wpl-inbox-wipp-completed .wpl-inbox-wipp-subtitle{color:var(--wpl-text-tertiary, #8A8A8A)}.wpl-inbox-wipp-row:hover{background:var(--wpl-gray-50, #F9FAFB)}.wpl-inbox-wipp-row:hover:not(.wpl-inbox-wipp-completed){transform:translate(2px)}@media(max-width:767px){.wpl-inbox-wipp-badge{min-width:18px;height:18px;font-size:11px;padding:0 5px;margin-left:6px}.wpl-inbox-wipp-subtitle{font-size:13px}}.wpl-inbox-wipp-row .wpl-inbox-status-icon{flex-shrink:0;margin-left:8px}.wpl-inbox-wipp-row .wpl-inbox-avatar-wrapper{display:flex;align-items:center;padding:0 12px}.wpl-inbox-wipp-row .wpl-inbox-meta{display:flex;align-items:center;gap:8px;padding-right:16px;flex-shrink:0}.wpl-main-layout__content--full-width{padding-left:0!important;padding-right:0!important;padding-top:0!important;padding-bottom:calc(var(--wpl-bottom-nav-height) + env(safe-area-inset-bottom))!important}@media(min-width:1024px){.wpl-main-layout__content--full-width{padding-top:var(--wpl-space-sm)!important;padding-left:var(--wpl-space-lg)!important;padding-right:var(--wpl-space-lg)!important;padding-bottom:var(--wpl-space-lg)!important}.wpl-main-layout__content--full-width>.wpl-inbox-view{max-width:1400px;margin-left:auto;margin-right:auto}}@media(min-width:768px)and (max-width:1023px){.wpl-main-layout__content--full-width{padding-left:var(--wpl-space-sm)!important;padding-right:var(--wpl-space-sm)!important;padding-top:var(--wpl-space-sm)!important}}.wpl-inbox-view{margin:0!important;width:100%!important}.wpl-inbox-view>vaadin-vertical-layout{margin:0!important;width:100%!important}.wpl-inbox-header{width:100%;margin:0;padding-left:var(--wpl-space-md);padding-right:var(--wpl-space-md);padding-top:var(--wpl-space-md);padding-bottom:var(--wpl-space-md);position:sticky;top:0;z-index:var(--wpl-z-sticky);background-color:var(--wpl-bg-primary);border-bottom:1px solid var(--wpl-border-light)}@media(min-width:1024px){.wpl-inbox-header{padding-left:0;padding-right:0}}.wpl-inbox-row{width:100%;margin:0;padding-left:var(--wpl-space-md);padding-right:var(--wpl-space-md)}@media(min-width:1024px){.wpl-inbox-row{border-radius:var(--wpl-radius-md);margin-bottom:var(--wpl-space-xs);padding-left:var(--wpl-space-lg);padding-right:var(--wpl-space-lg)}}.wpl-apps-view{margin:0!important;width:100%!important}.wpl-apps-grid{padding:var(--wpl-space-md);gap:var(--wpl-space-md)}@media(min-width:1024px){.wpl-apps-grid{padding:0;gap:var(--wpl-space-lg)}}.wpl-main-layout__content{transition:padding var(--wpl-transition-fast)}.wpl-runtime-view{position:fixed;z-index:var(--wpl-z-modal);background:var(--wpl-bg-primary)}.wpl-runtime-view.wpl-runtime-view--active~.wpl-bottom-nav{display:none}@media(max-width:767px){.wpl-runtime-view{bottom:0;left:0;right:0;max-height:90vh;border-radius:var(--wpl-radius-xl) var(--wpl-radius-xl) 0 0;box-shadow:0 -4px 20px #00000026;animation:slideUpFromBottom .3s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}@media(min-width:768px){.wpl-runtime-view{top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:85vh;border-radius:var(--wpl-radius-xl);box-shadow:var(--wpl-shadow-lg);animation:fadeInModal .25s ease-out;overflow-y:auto}@keyframes fadeInModal{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}}.wpl-runtime-overlay{position:fixed;inset:0;background:#00000080;z-index:calc(var(--wpl-z-modal) - 1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeInOverlay .25s ease-out}.wpl-runtime-header{position:sticky;top:0;z-index:10;background:var(--wpl-bg-primary);border-bottom:1px solid var(--wpl-border);padding:var(--wpl-space-sm) var(--wpl-space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--wpl-space-sm);min-height:48px}.wpl-runtime-header__spacer{flex:1}.wpl-runtime-header__close{flex-shrink:0;min-width:40px;padding:var(--wpl-space-xs)}@media(max-width:767px){.wpl-runtime-header{padding:var(--wpl-space-xs) var(--wpl-space-sm);min-height:44px}}.wpl-runtime-header__actions{flex-shrink:0;display:flex;gap:var(--wpl-space-xs)}.wpl-runtime-info{background:var(--wpl-bg-secondary);padding:var(--wpl-space-sm) var(--wpl-space-md);border-bottom:1px solid var(--wpl-border-light);font-size:var(--wpl-font-size-small);color:var(--wpl-text-secondary);display:flex;align-items:center;gap:var(--wpl-space-sm)}.wpl-runtime-info__icon{flex-shrink:0;width:16px;height:16px;color:var(--wpl-gray-500)}.wpl-runtime-wipp-info{display:flex;flex-direction:column;gap:var(--wpl-space-xs)}.wpl-runtime-wipp-title{font-size:1rem;color:var(--lumo-body-text-color);font-weight:500}.wpl-runtime-wipp-version{font-size:.875rem;color:var(--lumo-secondary-text-color);padding:2px 8px;background-color:var(--lumo-contrast-5pct);border-radius:var(--wpl-radius-sm);display:inline-block;width:fit-content}.wpl-runtime-title-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--wpl-space-xs);padding:var(--wpl-space-md) 0}.wpl-runtime-title{font-size:var(--wpl-font-size-xl);font-weight:var(--wpl-font-weight-bold);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-tight);margin:0}.wpl-runtime-status-icon{width:24px;height:24px}.wpl-runtime-status-icon--active{color:#1565c0}.wpl-runtime-status-icon--readonly{color:var(--wpl-gray-600)}.wpl-runtime-status-icon--overview{color:#2e7d32}.wpl-runtime-data-card{background:var(--wpl-bg-primary);border:1px solid var(--wpl-border-light);border-radius:var(--wpl-radius-md);padding:var(--wpl-space-md);width:100%;box-sizing:border-box;overflow:hidden}.wpl-runtime-card__title{font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);margin-bottom:var(--wpl-space-md);display:block}.wpl-runtime-data-card vaadin-form-layout{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-runtime-data-card vaadin-vertical-layout{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden}.wpl-runtime-info-card{padding:var(--wpl-space-sm) 0;border-bottom:1px solid var(--wpl-border-light);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.wpl-runtime-info-card:last-child{border-bottom:none}.wpl-runtime-info-card-label{font-size:var(--wpl-font-size-tiny);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--wpl-space-xs);display:block}.wpl-runtime-info-card-value{font-size:var(--wpl-font-size-body);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-normal);width:100%;max-width:100%;box-sizing:border-box}.wpl-runtime-info-card-value::part(input-field){background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;min-height:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-runtime-info-card-value input,.wpl-runtime-info-card-value textarea{padding:0!important;color:var(--wpl-text-primary)!important;-webkit-text-fill-color:var(--wpl-text-primary)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-runtime-data-card vaadin-text-field,.wpl-runtime-data-card vaadin-text-area,.wpl-runtime-data-card vaadin-number-field,.wpl-runtime-data-card vaadin-integer-field,.wpl-runtime-data-card vaadin-date-picker,.wpl-runtime-data-card vaadin-combo-box,.wpl-runtime-data-card vaadin-select{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-runtime-content{padding:var(--wpl-space-md);padding-bottom:calc(80px + var(--wpl-space-xl))}.wpl-runtime-section{background:var(--wpl-bg-primary);border:1px solid var(--wpl-border-light);border-radius:var(--wpl-radius-md);padding:var(--wpl-space-md);margin-bottom:var(--wpl-space-md)}.wpl-runtime-mode-card{border-left:4px solid var(--lumo-primary-color)}.wpl-runtime-mode-card.wpl-mode-readonly{border-left-color:var(--lumo-primary-color);background-color:var(--lumo-primary-color-10pct)}.wpl-runtime-mode-card.wpl-mode-overview{border-left-color:var(--lumo-success-color);background-color:var(--lumo-success-color-10pct)}.wpl-runtime-mode-content{display:flex;align-items:center;gap:var(--wpl-space-md);padding:var(--wpl-space-md)}.wpl-runtime-mode-icon{color:var(--lumo-primary-color);width:24px;height:24px}.wpl-mode-overview .wpl-runtime-mode-icon{color:var(--lumo-success-color)}.wpl-runtime-mode-text{font-weight:500;color:var(--lumo-body-text-color)}.wpl-runtime-progress-card{background:linear-gradient(to right,var(--wpl-bg-card),var(--wpl-bg-grouped))}.wpl-runtime-progress-content{display:flex;flex-direction:column;gap:var(--wpl-space-md)}.wpl-runtime-progress-bar{width:100%;height:8px;background-color:var(--lumo-contrast-10pct);border-radius:var(--wpl-radius-md);overflow:hidden;position:relative}.wpl-runtime-progress-fill{height:100%;background:linear-gradient(90deg,var(--wpl-primary-color),var(--wpl-primary-color-dark));border-radius:var(--wpl-radius-md);transition:width .3s ease}.wpl-runtime-progress-text{font-size:.9375rem;color:var(--lumo-body-text-color);font-weight:500}.wpl-runtime-complete-mode{display:inline-block;padding:4px 12px;background-color:var(--wpl-primary-color-10pct);color:var(--wpl-primary-color);border-radius:var(--wpl-radius-sm);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wpl-runtime-form-section{padding:var(--wpl-space-md) 0;border-bottom:1px solid var(--lumo-contrast-10pct)}.wpl-runtime-form-section:last-child{border-bottom:none}.wpl-runtime-field{margin-bottom:var(--wpl-space-md)}@media(max-width:768px){.wpl-runtime-field vaadin-text-field,.wpl-runtime-field vaadin-number-field,.wpl-runtime-field vaadin-date-picker,.wpl-runtime-field vaadin-combo-box{width:100%!important}.wpl-runtime-field input{font-size:16px!important;min-height:44px}}.wpl-currency-prefix{color:var(--lumo-secondary-text-color);font-weight:500;padding-right:var(--wpl-space-xs)}.wpl-runtime-actions{position:sticky;bottom:0;left:0;right:0;width:100%;box-sizing:border-box;background:var(--wpl-bg-primary);border-top:1px solid var(--wpl-border);padding:var(--wpl-space-md);box-shadow:0 -2px 8px #0000000d;z-index:5}.wpl-runtime-actions__buttons{display:flex;gap:var(--wpl-space-sm);justify-content:flex-end}@media(max-width:767px){.wpl-runtime-actions__buttons{flex-direction:column-reverse}.wpl-runtime-actions__buttons .wpl-button{width:100%;height:var(--wpl-button-height-mobile)}}@media(min-width:768px){.wpl-runtime-actions__buttons{flex-direction:row}.wpl-runtime-actions__buttons .wpl-button{min-width:120px}}.wpl-runtime-action-bar{position:sticky;bottom:0;left:0;right:0;background:var(--wpl-bg-card);padding:var(--wpl-space-md);border-top:1px solid var(--lumo-contrast-10pct);box-shadow:0 -2px 8px #0000001a;z-index:100;margin-top:var(--wpl-space-lg)}@media(max-width:768px){.wpl-runtime-action-bar{padding:var(--wpl-space-sm);position:fixed;bottom:env(safe-area-inset-bottom,0);left:0;right:0}}.wpl-runtime-button-group{display:flex;gap:var(--wpl-space-md)}@media(max-width:480px){.wpl-runtime-button-group{flex-direction:column-reverse}.wpl-runtime-button-group vaadin-button{width:100%}}.wpl-runtime-view--closing{animation:slideDownToBottom .3s ease-in forwards}@media(min-width:768px){.wpl-runtime-view--closing{animation:fadeOutModal .25s ease-in forwards}@keyframes fadeOutModal{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-48%)}}}.wpl-runtime-message{padding:var(--wpl-space-lg);background-color:var(--lumo-contrast-5pct);border-radius:var(--wpl-radius-md);text-align:center;color:var(--lumo-secondary-text-color);font-style:italic}.wpl-runtime-field[readonly],.wpl-runtime-field vaadin-text-field[readonly],.wpl-runtime-field vaadin-number-field[readonly]{background-color:var(--lumo-contrast-5pct)}.wpl-runtime-field[readonly] input{color:var(--lumo-secondary-text-color);cursor:default}.wpl-runtime-field[required]::part(label):after{content:" *";color:var(--lumo-error-color)}.wpl-runtime-field[invalid]{--vaadin-input-field-border-color: var(--lumo-error-color);--vaadin-input-field-background-color: var(--lumo-error-color-10pct)}.wpl-text-area{width:100%;font-family:inherit;font-size:16px}.wpl-text-area textarea{min-height:120px;resize:vertical;padding:var(--wpl-space-sm);border:1px solid var(--lumo-contrast-20pct);border-radius:var(--wpl-radius-md);transition:border-color .2s}.wpl-text-area textarea:focus{border-color:var(--wpl-primary-color);outline:none;box-shadow:0 0 0 1px var(--wpl-primary-color)}.wpl-runtime-field vaadin-checkbox{margin:var(--wpl-space-md) 0}@media(max-width:768px){.wpl-card{border-radius:0;margin-left:calc(-1 * var(--wpl-space-sm));margin-right:calc(-1 * var(--wpl-space-sm))}.wpl-card-standard{box-shadow:none;border-top:1px solid var(--lumo-contrast-10pct);border-bottom:1px solid var(--lumo-contrast-10pct)}}.wpl-runtime-loading{display:flex;align-items:center;justify-content:center;padding:var(--wpl-space-xl);color:var(--lumo-secondary-text-color)}.wpl-runtime-loading vaadin-progress-bar{width:200px}@media(max-width:374px){.wpl-runtime-header__title{font-size:var(--wpl-font-size-body)}.wpl-runtime-content{padding:var(--wpl-space-sm)}}@media(min-width:768px)and (max-width:1023px){.wpl-runtime-view{max-width:600px}}@media(min-width:1440px){.wpl-runtime-view{max-width:900px}}.wpl-runtime-view:focus-visible,.wpl-runtime-header__cancel:focus-visible,.wpl-runtime-header__help:focus-visible,.wpl-runtime-field:focus-visible,.wpl-runtime-actions button:focus-visible{outline:2px solid var(--wpl-primary-color);outline-offset:2px}.wpl-runtime-escape-hint{position:absolute;top:var(--wpl-space-sm);right:var(--wpl-space-sm);font-size:var(--wpl-font-size-tiny);color:var(--wpl-text-tertiary);opacity:.6}@media(prefers-contrast:high){.wpl-runtime-progress-bar{border:1px solid currentColor}.wpl-runtime-progress-fill{background:currentColor}.wpl-runtime-mode-card,.wpl-runtime-section{border:2px solid currentColor}}@media(prefers-reduced-motion:reduce){.wpl-runtime-view *{animation:none!important;transition:none!important}.wpl-runtime-progress-fill{transition:none}}@media print{.wpl-runtime-header,.wpl-runtime-actions,.wpl-runtime-action-bar,.wpl-runtime-overlay{display:none}.wpl-runtime-view{position:static;padding:0;background:#fff;max-height:none;box-shadow:none;border-radius:0}.wpl-card{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}}[theme~=dark] .wpl-runtime-view{background:var(--wpl-gray-900);color:var(--wpl-gray-100)}[theme~=dark] .wpl-runtime-overlay{background:#000000b3}[theme~=dark] .wpl-runtime-header,[theme~=dark] .wpl-runtime-actions,[theme~=dark] .wpl-runtime-action-bar{background:var(--wpl-gray-900);border-color:var(--wpl-gray-700)}[theme~=dark] .wpl-runtime-header__title{color:var(--wpl-gray-100)}[theme~=dark] .wpl-runtime-info,[theme~=dark] .wpl-runtime-section{background:var(--wpl-gray-800);border-color:var(--wpl-gray-700)}[theme~=dark] .wpl-runtime-progress-bar{background-color:var(--lumo-contrast-20pct)}[theme~=dark] .wpl-runtime-mode-card.wpl-mode-readonly{background-color:#2196f31a}[theme~=dark] .wpl-runtime-mode-card.wpl-mode-overview{background-color:#4caf501a}[theme~=dark] .wpl-runtime-title,[theme~=dark] .wpl-runtime-card__title,[theme~=dark] .wpl-runtime-info-card-value{color:var(--wpl-gray-100)}[theme~=dark] .wpl-runtime-data-card{background:var(--wpl-gray-800);border-color:var(--wpl-gray-700)}[theme~=dark] .wpl-runtime-info-card{border-color:var(--wpl-gray-700)}[theme~=dark] .wpl-runtime-status-icon--active{color:#64b5f6}[theme~=dark] .wpl-runtime-status-icon--readonly{color:var(--wpl-gray-400)}[theme~=dark] .wpl-runtime-status-icon--overview{color:#81c784}@media(prefers-color-scheme:dark){.wpl-runtime-view{background-color:var(--lumo-base-color)}.wpl-runtime-action-bar{background:var(--lumo-contrast-5pct);border-top-color:var(--lumo-contrast-20pct)}}vaadin-combo-box-overlay{z-index:calc(var(--wpl-z-modal) + 10)!important}vaadin-select-overlay,vaadin-date-picker-overlay{z-index:calc(var(--wpl-z-modal) + 10)!important}.wpl-access-denied-panel{min-height:300px;padding:var(--wpl-space-xl);text-align:center;background:var(--wpl-bg-primary);border-radius:var(--wpl-radius-lg)}.wpl-access-denied-panel__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--wpl-space-lg);background:var(--wpl-bg-secondary);border-radius:50%}.wpl-access-denied-panel__icon-svg{width:40px;height:40px;color:var(--wpl-text-secondary)}.wpl-access-denied-panel__title{font-size:var(--wpl-font-size-xl);font-weight:var(--wpl-font-weight-bold);color:var(--wpl-text-primary);margin:0 0 var(--wpl-space-sm);line-height:var(--wpl-line-height-tight)}.wpl-access-denied-panel__message{font-size:var(--wpl-font-size-body);color:var(--wpl-text-secondary);line-height:var(--wpl-line-height-normal);margin:0 0 var(--wpl-space-lg);max-width:400px;margin-left:auto;margin-right:auto}.wpl-access-denied-panel__sub-message{display:block;font-size:var(--wpl-font-size-small);color:var(--wpl-text-tertiary);margin-bottom:var(--wpl-space-md)}.wpl-access-denied-panel__actions{gap:var(--wpl-space-md);margin-top:var(--wpl-space-md)}.wpl-access-denied-panel__btn-inbox,.wpl-access-denied-panel__btn-back{min-width:140px}.wpl-access-denied-panel--compact{min-height:200px;padding:var(--wpl-space-md)}.wpl-access-denied-panel--compact .wpl-access-denied-panel__icon{width:60px;height:60px;margin-bottom:var(--wpl-space-md)}.wpl-access-denied-panel--compact .wpl-access-denied-panel__icon-svg{width:28px;height:28px}.wpl-access-denied-panel--compact .wpl-access-denied-panel__title{font-size:var(--wpl-font-size-lg)}.wpl-access-denied-panel--compact .wpl-access-denied-panel__message{font-size:var(--wpl-font-size-small);margin-bottom:var(--wpl-space-md)}.wpl-access-denied-panel--fullscreen{position:fixed;inset:0;z-index:var(--wpl-z-modal);border-radius:0;min-height:100vh}.wpl-access-denied-panel--card{border:1px solid var(--wpl-border-light);box-shadow:var(--wpl-shadow-sm);max-width:500px;margin:var(--wpl-space-xl) auto}@media(max-width:767px){.wpl-access-denied-panel{padding:var(--wpl-space-lg) var(--wpl-space-md);min-height:250px}.wpl-access-denied-panel__icon{width:64px;height:64px;margin-bottom:var(--wpl-space-md)}.wpl-access-denied-panel__icon-svg{width:32px;height:32px}.wpl-access-denied-panel__title{font-size:var(--wpl-font-size-lg)}.wpl-access-denied-panel__message{font-size:var(--wpl-font-size-body)}.wpl-access-denied-panel__actions{flex-direction:column-reverse;width:100%}.wpl-access-denied-panel__btn-inbox,.wpl-access-denied-panel__btn-back{width:100%;min-width:unset}.wpl-access-denied-panel--compact{min-height:180px;padding:var(--wpl-space-md) var(--wpl-space-sm)}.wpl-access-denied-panel--compact .wpl-access-denied-panel__icon{width:48px;height:48px}.wpl-access-denied-panel--compact .wpl-access-denied-panel__icon-svg{width:24px;height:24px}}@media(max-width:374px){.wpl-access-denied-panel__title{font-size:var(--wpl-font-size-body)}.wpl-access-denied-panel__message{font-size:var(--wpl-font-size-small)}}[theme~=dark] .wpl-access-denied-panel{background:var(--wpl-gray-900)}[theme~=dark] .wpl-access-denied-panel__icon{background:var(--wpl-gray-800)}[theme~=dark] .wpl-access-denied-panel__icon-svg{color:var(--wpl-gray-400)}[theme~=dark] .wpl-access-denied-panel__title{color:var(--wpl-gray-100)}[theme~=dark] .wpl-access-denied-panel__message{color:var(--wpl-gray-400)}[theme~=dark] .wpl-access-denied-panel__sub-message{color:var(--wpl-gray-500)}[theme~=dark] .wpl-access-denied-panel--card{border-color:var(--wpl-gray-700);background:var(--wpl-gray-800)}@media(prefers-color-scheme:dark){.wpl-access-denied-panel{background-color:var(--lumo-base-color)}.wpl-access-denied-panel__icon{background:var(--lumo-contrast-10pct)}.wpl-access-denied-panel__icon-svg{color:var(--lumo-secondary-text-color)}}.wpl-access-denied-panel:focus-visible{outline:2px solid var(--wpl-primary-color);outline-offset:2px}@media(prefers-contrast:high){.wpl-access-denied-panel__icon{border:2px solid currentColor}.wpl-access-denied-panel--card{border-width:2px}}@media(prefers-reduced-motion:reduce){.wpl-access-denied-panel *{animation:none!important;transition:none!important}}@media print{.wpl-access-denied-panel__actions{display:none}.wpl-access-denied-panel--fullscreen{position:static;min-height:auto}.wpl-access-denied-panel{border:1px solid #ddd;page-break-inside:avoid}}.wpl-setup-view{position:fixed;z-index:var(--wpl-z-modal);background:var(--wpl-bg-primary);display:flex;flex-direction:column}.wpl-setup-view.wpl-setup-view--active~.wpl-bottom-nav{display:none}@media(max-width:767px){.wpl-setup-view{bottom:0;left:0;right:0;max-height:90vh;border-radius:var(--wpl-radius-xl) var(--wpl-radius-xl) 0 0;box-shadow:0 -4px 20px #00000026;animation:slideUpFromBottom .3s ease-out;overflow:hidden}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}@media(min-width:768px){.wpl-setup-view{top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:85vh;border-radius:var(--wpl-radius-xl);box-shadow:var(--wpl-shadow-lg);animation:fadeIn .25s ease-out;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}}.wpl-setup-overlay{position:fixed;inset:0;background:#00000080;z-index:calc(var(--wpl-z-modal) - 1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeInOverlay .25s ease-out}.wpl-setup-header{flex-shrink:0;z-index:10;background:var(--wpl-bg-primary);border-bottom:1px solid var(--wpl-border);padding:var(--wpl-space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--wpl-space-md);min-height:56px}.wpl-setup-header__spacer{flex:1}.wpl-setup-header__close,.wpl-setup-header__help{flex-shrink:0;min-width:40px;padding:var(--wpl-space-xs)}@media(max-width:767px){.wpl-setup-header{padding:var(--wpl-space-xs) var(--wpl-space-sm);min-height:44px}}.wpl-setup-title-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--wpl-space-xs);padding:var(--wpl-space-md) 0}.wpl-setup-title{font-size:var(--wpl-font-size-xl);font-weight:var(--wpl-font-weight-bold);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-tight);margin:0}.wpl-setup-info{background:var(--wpl-bg-secondary);padding:var(--wpl-space-sm) var(--wpl-space-md);border-bottom:1px solid var(--wpl-border-light);font-size:var(--wpl-font-size-small);color:var(--wpl-text-secondary);display:flex;align-items:center;gap:var(--wpl-space-sm)}.wpl-setup-info__icon{flex-shrink:0;width:16px;height:16px;color:var(--wpl-gray-500)}.wpl-setup-progress{padding:var(--wpl-space-md);background:var(--wpl-bg-secondary);border-radius:var(--wpl-radius-md);margin:var(--wpl-space-md)}.wpl-setup-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--wpl-space-sm)}.wpl-setup-progress__title{font-size:var(--wpl-font-size-large);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary)}.wpl-setup-progress__step{font-size:var(--wpl-font-size-small);color:var(--wpl-text-secondary)}.wpl-setup-progress__dots{display:flex;gap:var(--wpl-space-sm);justify-content:center;align-items:center}.wpl-setup-progress__dot{width:8px;height:8px;border-radius:50%;background:var(--wpl-gray-300);transition:all var(--wpl-transition-fast)}.wpl-setup-progress__dot--active{width:24px;border-radius:4px;background:var(--wpl-red-primary)}.wpl-setup-progress__dot--completed{background:var(--wpl-gray-600)}.wpl-setup-progress__bar{height:4px;background:var(--wpl-gray-200);border-radius:2px;overflow:hidden;margin-top:var(--wpl-space-sm)}.wpl-setup-progress__bar-fill{height:100%;background:var(--wpl-red-primary);transition:width var(--wpl-transition-normal);border-radius:2px}.wpl-setup-content{padding:var(--wpl-space-md);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--wpl-space-md)}.wpl-setup-section{background:var(--wpl-bg-primary);border:1px solid var(--wpl-border-light);border-radius:var(--wpl-radius-md);padding:var(--wpl-space-md);margin-bottom:var(--wpl-space-md)}.wpl-setup-section__title{font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);margin-bottom:var(--wpl-space-md)}.wpl-setup-section vaadin-form-layout{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-setup-section vaadin-vertical-layout{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden}.wpl-setup-section vaadin-text-field,.wpl-setup-section vaadin-text-area,.wpl-setup-section vaadin-number-field,.wpl-setup-section vaadin-integer-field,.wpl-setup-section vaadin-date-picker,.wpl-setup-section vaadin-combo-box,.wpl-setup-section vaadin-select{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-setup-section .wpl-text-field,.wpl-setup-section .wpl-number-field,.wpl-setup-section .wpl-text-area{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-setup-section vaadin-form-layout>[colspan="2"]{width:100%!important;max-width:100%!important}.wpl-setup-section vaadin-text-field::part(input-field),.wpl-setup-section vaadin-text-area::part(input-field),.wpl-setup-section vaadin-number-field::part(input-field),.wpl-setup-section vaadin-date-picker::part(input-field),.wpl-setup-section vaadin-combo-box::part(input-field){width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-setup-section vaadin-text-field::part(label),.wpl-setup-section vaadin-text-area::part(label),.wpl-setup-section vaadin-number-field::part(label),.wpl-setup-section vaadin-date-picker::part(label),.wpl-setup-section vaadin-combo-box::part(label),.wpl-setup-section vaadin-select::part(label){font-size:13px;font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-secondary);margin-bottom:8px;display:block}.wpl-setup-section vaadin-text-field::part(input-field),.wpl-setup-section vaadin-number-field::part(input-field),.wpl-setup-section vaadin-date-picker::part(input-field),.wpl-setup-section vaadin-combo-box::part(input-field),.wpl-setup-section vaadin-select::part(input-field){border:1px solid #CCCCCC;border-radius:var(--wpl-radius-md);background-color:var(--wpl-bg-primary);box-sizing:border-box;min-height:44px!important;height:auto}.wpl-setup-section vaadin-text-area::part(input-field){border:1px solid #CCCCCC;border-radius:var(--wpl-radius-md);background-color:var(--wpl-bg-primary);box-sizing:border-box;min-height:100px}.wpl-setup-section vaadin-text-field,.wpl-setup-section vaadin-number-field,.wpl-setup-section vaadin-date-picker,.wpl-setup-section vaadin-combo-box,.wpl-setup-section vaadin-select{--vaadin-input-field-height: var(--wpl-input-height, 44px);--lumo-text-field-size: var(--wpl-input-height, 44px)}.wpl-setup-section vaadin-text-field>input,.wpl-setup-section vaadin-number-field>input{min-height:44px!important;height:var(--wpl-input-height, 44px)!important;box-sizing:border-box!important}.wpl-setup-section vaadin-text-field:before,.wpl-setup-section vaadin-number-field:before{height:44px!important;min-height:44px!important}.wpl-setup-section vaadin-text-field:focus-within::part(input-field),.wpl-setup-section vaadin-text-area:focus-within::part(input-field),.wpl-setup-section vaadin-number-field:focus-within::part(input-field),.wpl-setup-section vaadin-date-picker:focus-within::part(input-field),.wpl-setup-section vaadin-combo-box:focus-within::part(input-field){border:2px solid var(--wpl-red-primary);outline:none;box-shadow:0 0 0 3px #e1211a1a}.wpl-setup-page{animation:fadeInPage .3s ease-out}.wpl-setup-page--hidden{display:none}@keyframes fadeInPage{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.wpl-setup-actions{flex-shrink:0;width:100%;box-sizing:border-box;background:var(--wpl-bg-primary);border-top:1px solid var(--wpl-border);padding:var(--wpl-space-md);box-shadow:0 -2px 8px #0000000d;z-index:5}.wpl-setup-actions__buttons{display:flex;gap:var(--wpl-space-sm);justify-content:flex-end}@media(max-width:767px){.wpl-setup-actions__buttons{flex-direction:column-reverse}.wpl-setup-actions__buttons .wpl-button{width:100%;height:var(--wpl-button-height-mobile)}}@media(min-width:768px){.wpl-setup-actions__buttons{flex-direction:row}.wpl-setup-actions__buttons .wpl-button{min-width:120px}}.wpl-setup-field--error{--vaadin-input-field-border-color: var(--wpl-error)}.wpl-setup-field__error{color:var(--wpl-error);font-size:var(--wpl-font-size-small);margin-top:var(--wpl-space-xs)}.wpl-setup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--wpl-space-xxl);min-height:300px}.wpl-setup-loading__spinner{width:40px;height:40px;border:3px solid var(--wpl-gray-200);border-top-color:var(--wpl-red-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wpl-setup-loading__text{margin-top:var(--wpl-space-md);color:var(--wpl-text-secondary);font-size:var(--wpl-font-size-body)}.wpl-setup-view:focus-visible,.wpl-setup-header__cancel:focus-visible,.wpl-setup-header__help:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:2px}.wpl-setup-escape-hint{position:absolute;top:var(--wpl-space-sm);right:var(--wpl-space-sm);font-size:var(--wpl-font-size-tiny);color:var(--wpl-text-tertiary);opacity:.6}.wpl-setup-view--closing{animation:slideDownToBottom .3s ease-in forwards}@media(min-width:768px){.wpl-setup-view--closing{animation:fadeOut .25s ease-in forwards}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-48%)}}}@media(max-width:374px){.wpl-setup-header__title{font-size:var(--wpl-font-size-body)}.wpl-setup-content{padding:var(--wpl-space-sm)}}@media(min-width:768px)and (max-width:1023px){.wpl-setup-view{max-width:600px}}@media(min-width:1440px){.wpl-setup-view{max-width:900px}}[theme~=dark] .wpl-setup-view{background:var(--wpl-gray-900);color:var(--wpl-gray-100)}[theme~=dark] .wpl-setup-overlay{background:#000000b3}[theme~=dark] .wpl-setup-header,[theme~=dark] .wpl-setup-actions{background:var(--wpl-gray-900);border-color:var(--wpl-gray-700)}[theme~=dark] .wpl-setup-info,[theme~=dark] .wpl-setup-progress{background:var(--wpl-gray-800)}[theme~=dark] .wpl-setup-section{background:var(--wpl-gray-800);border-color:var(--wpl-gray-700)}[theme~=dark] .wpl-setup-title{color:var(--wpl-gray-100)}.wpl-overview-view{position:fixed;z-index:var(--wpl-z-modal);background:var(--wpl-bg-primary)}.wpl-overview-view.wpl-overview-view--active~.wpl-bottom-nav{display:none}@media(max-width:767px){.wpl-overview-view{bottom:0;left:0;right:0;max-height:90vh;border-radius:var(--wpl-radius-xl) var(--wpl-radius-xl) 0 0;box-shadow:0 -4px 20px #00000026;animation:slideUpFromBottom .3s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}@media(min-width:768px){.wpl-overview-view{top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:85vh;border-radius:var(--wpl-radius-xl);box-shadow:var(--wpl-shadow-lg);animation:fadeInModal .25s ease-out;overflow-y:auto}@keyframes fadeInModal{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}}.wpl-overview-overlay{position:fixed;inset:0;background:#00000080;z-index:calc(var(--wpl-z-modal) - 1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeInOverlay .25s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.wpl-overview-header{position:sticky;top:0;z-index:10;background:var(--wpl-bg-primary);border-bottom:1px solid var(--wpl-border);padding:var(--wpl-space-sm) var(--wpl-space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--wpl-space-sm);min-height:48px}.wpl-overview-header__spacer{flex:1}.wpl-overview-header__close{flex-shrink:0;min-width:40px;padding:var(--wpl-space-xs)}@media(max-width:767px){.wpl-overview-header{padding:var(--wpl-space-xs) var(--wpl-space-sm);min-height:44px}}.wpl-overview-header__actions{flex-shrink:0;display:flex;gap:var(--wpl-space-xs)}.wpl-overview-content{padding:var(--wpl-space-md);padding-bottom:var(--wpl-space-lg)}.wpl-overview-title-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--wpl-space-xs);padding:var(--wpl-space-md) 0}.wpl-overview-title{font-size:var(--wpl-font-size-xl);font-weight:var(--wpl-font-weight-bold);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-tight);margin:0}.wpl-overview-status-icon{width:24px;height:24px}.wpl-overview-status-icon--running{color:#1565c0}.wpl-overview-status-icon--completed{color:#2e7d32}.wpl-overview-status-icon--waiting{color:#e65100}.wpl-overview-status-icon--unknown{color:var(--wpl-gray-600)}.wpl-overview-data-card{background:var(--wpl-bg-primary);border:1px solid var(--wpl-border-light);border-radius:var(--wpl-radius-md);padding:var(--wpl-space-md);width:100%;box-sizing:border-box}.wpl-overview-card__title{font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);margin-bottom:var(--wpl-space-md);display:block}.wpl-overview-status-badge{display:inline-flex;align-items:center;gap:var(--wpl-space-xs);padding:var(--wpl-space-xs) var(--wpl-space-sm);border-radius:var(--wpl-radius-full);font-size:var(--wpl-font-size-small);font-weight:var(--wpl-font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.wpl-overview-status-badge--running{background-color:#e3f2fd;color:#1565c0}.wpl-overview-status-badge--completed{background-color:#e8f5e9;color:#2e7d32}.wpl-overview-status-badge--waiting{background-color:#fff3e0;color:#e65100}.wpl-overview-status-badge--unknown{background-color:var(--wpl-gray-100);color:var(--wpl-gray-600)}.wpl-overview-data-card{flex:1;overflow:hidden}.wpl-overview-data-card vaadin-form-layout{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-overview-data-card vaadin-vertical-layout{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden}.wpl-info-card{padding:var(--wpl-space-sm) 0;border-bottom:1px solid var(--wpl-border-light);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.wpl-info-card:last-child{border-bottom:none}.wpl-info-card-label{font-size:var(--wpl-font-size-tiny);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--wpl-space-xs);display:block}.wpl-info-card-value{font-size:var(--wpl-font-size-body);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-normal);width:100%;max-width:100%;box-sizing:border-box}.wpl-info-card-value::part(input-field){background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;min-height:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-info-card-value input,.wpl-info-card-value textarea{padding:0!important;color:var(--wpl-text-primary)!important;-webkit-text-fill-color:var(--wpl-text-primary)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-info-card vaadin-text-field,.wpl-info-card vaadin-text-area,.wpl-info-card vaadin-number-field,.wpl-info-card vaadin-integer-field,.wpl-info-card vaadin-date-picker,.wpl-info-card vaadin-combo-box,.wpl-info-card vaadin-select{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-overview-actions{position:sticky;bottom:0;left:0;right:0;width:100%;box-sizing:border-box;background:var(--wpl-bg-primary);border-top:1px solid var(--wpl-border);padding:var(--wpl-space-md);box-shadow:0 -2px 8px #0000000d;z-index:5}.wpl-overview-close-button{width:100%;height:var(--wpl-button-height-mobile, 48px)}.wpl-overview-action-bar{position:sticky;bottom:0;left:0;right:0;background:var(--wpl-bg-primary);border-top:1px solid var(--wpl-border);padding:var(--wpl-space-md);box-shadow:0 -2px 8px #0000000d}@media(max-width:767px){.wpl-overview-action-bar{position:fixed;bottom:env(safe-area-inset-bottom,0);left:0;right:0;margin:0;z-index:100}}.wpl-overview-view--closing{animation:slideDownToBottom .3s ease-in forwards}@keyframes slideDownToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@media(min-width:768px){.wpl-overview-view--closing{animation:fadeOutModal .25s ease-in forwards}@keyframes fadeOutModal{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-48%)}}}.wpl-overview-view:focus-visible,.wpl-overview-header__close:focus-visible,.wpl-overview-header__actions button:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:2px}.wpl-overview-escape-hint{position:absolute;top:var(--wpl-space-sm);right:var(--wpl-space-sm);font-size:var(--wpl-font-size-tiny);color:var(--wpl-text-tertiary);opacity:.6}@media(prefers-contrast:high){.wpl-overview-card{border:2px solid currentColor}.wpl-overview-status-badge{border:1px solid currentColor}}@media(prefers-reduced-motion:reduce){.wpl-overview-view *{animation:none!important;transition:none!important}}@media(max-width:374px){.wpl-overview-header__title{font-size:var(--wpl-font-size-body)}.wpl-overview-content{padding:var(--wpl-space-sm)}}@media(min-width:768px)and (max-width:1023px){.wpl-overview-view{max-width:600px}}@media(min-width:1440px){.wpl-overview-view{max-width:900px}}[theme~=dark] .wpl-overview-view{background:var(--wpl-gray-900);color:var(--wpl-gray-100)}[theme~=dark] .wpl-overview-overlay{background:#000000b3}[theme~=dark] .wpl-overview-header,[theme~=dark] .wpl-overview-actions,[theme~=dark] .wpl-overview-action-bar{background:var(--wpl-gray-900);border-color:var(--wpl-gray-700)}[theme~=dark] .wpl-overview-title,[theme~=dark] .wpl-overview-card__title,[theme~=dark] .wpl-info-card-value{color:var(--wpl-gray-100)}[theme~=dark] .wpl-overview-data-card{background:var(--wpl-gray-800);border-color:var(--wpl-gray-700)}[theme~=dark] .wpl-info-card{border-color:var(--wpl-gray-700)}[theme~=dark] .wpl-overview-status-icon--running{color:#64b5f6}[theme~=dark] .wpl-overview-status-icon--completed{color:#81c784}[theme~=dark] .wpl-overview-status-icon--waiting{color:#ffb74d}[theme~=dark] .wpl-overview-status-icon--unknown{color:var(--wpl-gray-400)}[theme~=dark] .wpl-overview-status-badge--running{background-color:#2196f333;color:#64b5f6}[theme~=dark] .wpl-overview-status-badge--completed{background-color:#4caf5033;color:#81c784}[theme~=dark] .wpl-overview-status-badge--waiting{background-color:#ff980033;color:#ffb74d}[theme~=dark] .wpl-overview-status-badge--unknown{background-color:var(--wpl-gray-700);color:var(--wpl-gray-400)}@media print{.wpl-overview-header,.wpl-overview-actions,.wpl-overview-action-bar,.wpl-overview-overlay{display:none}.wpl-overview-view{position:static;padding:0;background:#fff;max-height:none;box-shadow:none;border-radius:0}.wpl-overview-card{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}}.wpl-trace-fullview,.wpl-trace-fullview>vaadin-vertical-layout,.wpl-trace-fullview>vaadin-horizontal-layout,.wpl-trace-fullview>div{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important}.wpl-trace-content-area{margin:0!important;padding:0!important;width:100%!important}.wpl-trace-content-area>*{margin-left:0!important;margin-right:0!important;max-width:100%!important}.wpl-trace-fullview{display:flex;flex-direction:column;min-height:100vh;background:var(--wpl-bg-grouped);margin-left:calc(-1 * var(--wpl-space-md, 16px))!important;margin-right:calc(-1 * var(--wpl-space-md, 16px))!important;width:calc(100% + 2 * var(--wpl-space-md, 32px))!important;max-width:calc(100% + 2 * var(--wpl-space-md, 32px))!important}.wpl-trace-header{position:sticky;top:0;z-index:var(--wpl-z-sticky);background:var(--wpl-bg-primary);border-bottom:1px solid var(--wpl-border);padding:var(--wpl-space-sm) var(--wpl-space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--wpl-space-sm);min-height:var(--wpl-header-height-mobile)}.wpl-trace-header__back,.wpl-trace-header__menu{flex-shrink:0;min-width:var(--wpl-touch-target);min-height:var(--wpl-touch-target);padding:var(--wpl-space-xs)}.wpl-trace-header__title{flex:1;font-size:var(--wpl-font-size-large);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 var(--wpl-space-sm)}vaadin-context-menu-overlay vaadin-item vaadin-icon,vaadin-context-menu-overlay vaadin-menu-bar-item vaadin-icon{width:16px!important;height:16px!important}.wpl-trace-current-task__cta{display:flex;justify-content:center;padding-top:var(--wpl-space-sm)}.wpl-trace-current-task__cta-button{background:#ffebee;color:#d32f2f;border:none;padding:var(--wpl-space-sm) var(--wpl-space-lg);border-radius:var(--wpl-radius-md);font-size:var(--wpl-font-size-small);font-weight:var(--wpl-font-weight-semibold);cursor:pointer;display:flex;align-items:center;gap:var(--wpl-space-xs);transition:background-color var(--wpl-transition-fast)}.wpl-trace-current-task__cta-button:hover{background:#ffcdd2}.wpl-trace-current-task__cta-button vaadin-icon{width:16px;height:16px}.wpl-trace-current-task__completion{display:flex;justify-content:center;margin-top:var(--wpl-space-xs)}.wpl-trace-current-task__completion-badge{display:inline-flex;align-items:center;gap:var(--wpl-space-xs);padding:4px 12px;background:var(--wpl-gray-100);border-radius:var(--wpl-radius-sm);font-size:var(--wpl-font-size-tiny);font-weight:var(--wpl-font-weight-medium);color:var(--wpl-text-secondary)}.wpl-trace-current-task__completion-badge--warning{background:#fff8e1;color:#f57c00}.wpl-trace-content-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--wpl-space-xxl)}.wpl-trace-status-banner{display:flex;align-items:center;justify-content:center;padding:var(--wpl-space-md);text-align:center;font-weight:var(--wpl-font-weight-semibold);transition:background-color var(--wpl-transition-normal);margin:0!important;width:100%!important;max-width:100%!important;border-radius:0!important;box-sizing:border-box!important}.wpl-trace-status-banner__text{font-size:var(--wpl-font-size-small);text-transform:uppercase;letter-spacing:1px}.wpl-trace-status-banner--waiting{background:#fff8e1;color:#f57c00}.wpl-trace-status-banner--in-progress{background:#e3f2fd;color:#1976d2}.wpl-trace-status-banner--completed{background:#e8f5e9;color:#388e3c}.wpl-trace-status-banner--needs-attention,.wpl-trace-status-banner--overdue{background:#ffebee;color:#d32f2f}.wpl-trace-current-task{background:var(--wpl-bg-primary);margin:0!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid var(--wpl-border-light);overflow:hidden;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-trace-current-task__content{padding:var(--wpl-space-lg);display:flex;flex-direction:column;gap:var(--wpl-space-md)}.wpl-trace-current-task__title{font-size:var(--wpl-font-size-xlarge);font-weight:var(--wpl-font-weight-bold);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-tight);text-align:center}.wpl-trace-current-task__separator{height:1px;background:var(--wpl-border);margin:0 var(--wpl-space-md)}.wpl-trace-current-task__avatars{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--wpl-space-md);padding:var(--wpl-space-sm) 0}.wpl-trace-current-task__empty{color:var(--wpl-text-secondary);font-size:var(--wpl-font-size-body);text-align:center;padding:var(--wpl-space-md)}.wpl-trace-current-task__status{font-size:var(--wpl-font-size-body);color:var(--wpl-text-secondary);text-align:center;line-height:var(--wpl-line-height-normal)}.wpl-trace-current-task__time{font-size:var(--wpl-font-size-small);color:var(--wpl-text-tertiary);text-align:center}.wpl-trace-current-task__time--warning{color:#f57c00;font-weight:var(--wpl-font-weight-medium)}.wpl-trace-current-task__more-badge{display:flex;align-items:center;justify-content:center;padding:var(--wpl-space-sm) var(--wpl-space-md);background:var(--wpl-gray-100);border-radius:var(--wpl-radius-md);font-size:var(--wpl-font-size-small);font-weight:var(--wpl-font-weight-medium);color:var(--wpl-text-secondary);cursor:pointer}.wpl-trace-current-task__more-badge:hover{background:var(--wpl-gray-200)}.wpl-trace-avatar-pill{display:flex;flex-direction:column;align-items:center;gap:var(--wpl-space-xs);min-width:64px;position:relative}.wpl-trace-avatar-pill__avatar{border-radius:var(--wpl-radius-round);box-shadow:var(--wpl-shadow-sm)}.wpl-trace-avatar-pill--active .wpl-trace-avatar-pill__avatar{box-shadow:0 0 0 3px var(--wpl-bg-primary),0 0 0 5px #17c800}.wpl-trace-avatar-pill__name{font-size:var(--wpl-font-size-small);font-weight:var(--wpl-font-weight-medium);color:var(--wpl-text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.wpl-trace-avatar-pill__indicator{position:absolute;top:0;right:8px;width:12px;height:12px;background:#17c800;border:2px solid var(--wpl-bg-primary);border-radius:var(--wpl-radius-round)}.wpl-trace-progress-section{padding:var(--wpl-space-md);background:var(--wpl-bg-primary);border-bottom:1px solid var(--wpl-border-light);margin:0!important;width:100%!important;max-width:100%!important;border-radius:0!important;box-sizing:border-box!important}.wpl-trace-section-title{font-size:var(--wpl-font-size-tiny);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--wpl-space-sm)}.wpl-trace-progress-container{display:flex;align-items:center;gap:var(--wpl-space-md)}.wpl-trace-progress-bar{flex:1;height:8px;min-height:8px;border-radius:4px;background:var(--wpl-gray-200);overflow:hidden}.wpl-trace-progress-bar::part(value){background:#17c800;border-radius:4px;transition:width var(--wpl-transition-normal)}.wpl-trace-progress-bar::part(bar){background:var(--wpl-gray-200);border-radius:4px}vaadin-progress-bar.wpl-trace-progress-bar{--vaadin-progress-fill-color: #17C800;--vaadin-progress-track-color: var(--wpl-gray-200)}.wpl-trace-progress-label{display:none}.wpl-trace-timeline{padding:0;padding-bottom:var(--wpl-space-lg)}.wpl-trace-timeline-rows{background:var(--wpl-bg-primary);border-radius:0!important;box-shadow:none!important;overflow:hidden;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpl-trace-timeline-row{display:flex;flex-direction:column;border-bottom:1px solid var(--wpl-border-light);transition:background-color var(--wpl-transition-fast)}.wpl-trace-timeline-row:last-child{border-bottom:none}.wpl-trace-timeline-row__content{display:flex;align-items:center;gap:var(--wpl-space-sm);padding:var(--wpl-space-md);min-height:64px}.wpl-trace-timeline-row--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.wpl-trace-timeline-row--clickable:hover{background:var(--wpl-gray-50)}.wpl-trace-timeline-row--clickable:active{background:var(--wpl-gray-100)}.wpl-trace-timeline-row--done,.wpl-trace-timeline-row--completed{opacity:.7}.wpl-trace-timeline-row--done .wpl-trace-timeline-row__title,.wpl-trace-timeline-row--completed .wpl-trace-timeline-row__title{color:var(--wpl-text-secondary)}.wpl-trace-timeline-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wpl-trace-timeline-row__title{font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-medium);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpl-trace-timeline-row__subtitle{font-size:var(--wpl-font-size-small);color:var(--wpl-text-secondary);line-height:var(--wpl-line-height-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpl-trace-timeline-row__right{display:flex;align-items:center;gap:var(--wpl-space-sm);flex-shrink:0}.wpl-trace-timeline-row__badge{font-size:var(--wpl-font-size-tiny);font-weight:var(--wpl-font-weight-medium);padding:2px 8px;border-radius:var(--wpl-radius-sm);white-space:nowrap}.wpl-trace-timeline-row__badge--done,.wpl-trace-timeline-row__badge--completed{background:#e8f5e9;color:#388e3c}.wpl-trace-timeline-row__badge--in-progress,.wpl-trace-timeline-row__badge--running{background:#e3f2fd;color:#1976d2}.wpl-trace-timeline-row__badge--pending{background:var(--wpl-gray-100);color:var(--wpl-text-secondary)}.wpl-trace-timeline-row__badge--error{background:#ffebee;color:#d32f2f}.wpl-trace-timeline-row__badge--timeout{background:#fff3e0;color:#f57c00}.wpl-trace-timeline-row__chevron{font-size:16px;color:var(--wpl-text-tertiary);transition:transform var(--wpl-transition-fast)}.wpl-trace-timeline-row--expanded .wpl-trace-timeline-row__chevron{transform:rotate(180deg)}.wpl-trace-status-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wpl-trace-status-icon vaadin-icon,.wpl-trace-status-icon svg{width:20px;height:20px}.wpl-trace-status-icon--pending{color:var(--wpl-gray-400)}.wpl-trace-status-icon--in-progress{color:#1976d2}.wpl-trace-status-icon--done{color:#388e3c}.wpl-trace-status-icon--error{color:#d32f2f}.wpl-trace-status-icon--timeout{color:#f57c00}.wpl-trace-wippers{background:var(--wpl-bg-grouped);padding:var(--wpl-space-sm) var(--wpl-space-md);animation:wippersExpand .2s ease-out;margin:0!important;width:100%!important;max-width:100%!important;border-radius:0!important;box-sizing:border-box!important}@keyframes wippersExpand{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.wpl-trace-wipper-row{display:flex;align-items:center;gap:var(--wpl-space-md);padding:var(--wpl-space-sm) var(--wpl-space-md);background:var(--wpl-bg-primary);border-radius:var(--wpl-radius-md);margin-bottom:var(--wpl-space-xs);min-height:56px}.wpl-trace-wipper-row:last-child{margin-bottom:0}.wpl-trace-wipper-row--current-user{background:var(--wpl-red-light)}.wpl-trace-wipper-row--clickable{cursor:pointer}.wpl-trace-wipper-row--clickable:hover{background:var(--wpl-gray-50)}.wpl-trace-wipper-row--current-user.wpl-trace-wipper-row--clickable:hover{background:#ffcdd2}.wpl-trace-wipper-avatar{width:32px;height:32px;flex-shrink:0}.wpl-trace-wipper-avatar vaadin-avatar{width:32px;height:32px;font-size:12px}.wpl-trace-wipper-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wpl-trace-wipper-name{font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-medium);color:var(--wpl-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpl-trace-wipper-row--current-user .wpl-trace-wipper-name{font-weight:var(--wpl-font-weight-semibold)}.wpl-trace-wipper-status-text{font-size:var(--wpl-font-size-small);line-height:var(--wpl-line-height-normal)}.wpl-trace-wipper-status-text--done,.wpl-trace-wipper-status-text--completed{color:#388e3c}.wpl-trace-wipper-status-text--pending{color:var(--wpl-text-secondary)}.wpl-trace-wipper-status-text--in-progress,.wpl-trace-wipper-status-text--running{color:#1976d2}.wpl-trace-wipper-status-text--error{color:#d32f2f}.wpl-trace-wipper-status-text--timeout{color:#f57c00}.wpl-trace-wipper-date{font-size:var(--wpl-font-size-small);color:var(--wpl-text-secondary);flex-shrink:0;white-space:nowrap}.wpl-trace-wipper-display{display:flex;align-items:center;gap:var(--wpl-space-sm)}.wpl-trace-info-dialog{max-width:400px}vaadin-dialog-overlay[opened]{z-index:calc(var(--wpl-z-modal) + 10)!important}.wpl-trace-info-content{display:flex;flex-direction:column;gap:var(--wpl-space-md);padding:var(--wpl-space-md)}.wpl-trace-info-section{display:flex;flex-direction:column;gap:var(--wpl-space-xs)}.wpl-trace-info-label{font-size:var(--wpl-font-size-small);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-secondary);text-transform:uppercase;letter-spacing:.5px}.wpl-trace-info-value{font-size:var(--wpl-font-size-body);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-relaxed)}.wpl-trace-stats-row{display:flex;justify-content:space-between;gap:var(--wpl-space-md);flex-wrap:wrap}.wpl-trace-stat{display:flex;flex-direction:column;align-items:center;gap:var(--wpl-space-xxs);flex:1;min-width:80px;padding:var(--wpl-space-sm);background:var(--wpl-bg-grouped);border-radius:var(--wpl-radius-md)}.wpl-trace-stat-value{font-size:var(--wpl-font-size-xlarge);font-weight:var(--wpl-font-weight-bold);color:var(--wpl-text-primary)}.wpl-trace-stat-label{font-size:var(--wpl-font-size-small);color:var(--wpl-text-secondary)}.wpl-trace-empty{text-align:center;padding:var(--wpl-space-xxl);color:var(--wpl-text-secondary)}.wpl-trace-empty-icon{font-size:48px;color:var(--wpl-gray-300);margin-bottom:var(--wpl-space-md)}.wpl-trace-empty-text{font-size:var(--wpl-font-size-body)}@media(max-width:767px){.wpl-trace-header{padding:var(--wpl-space-xs) var(--wpl-space-sm);min-height:var(--wpl-header-height-mobile)}.wpl-trace-header__title{font-size:var(--wpl-font-size-body)}.wpl-trace-current-task{margin:0}.wpl-trace-current-task__content{padding:var(--wpl-space-md)}.wpl-trace-current-task__title{font-size:var(--wpl-font-size-large)}.wpl-trace-progress-section{padding:var(--wpl-space-sm) var(--wpl-space-md)}.wpl-trace-timeline{padding:0}.wpl-trace-timeline-row__content{padding:var(--wpl-space-sm) var(--wpl-space-md);min-height:56px}.wpl-trace-avatar-pill{min-width:56px}.wpl-trace-avatar-pill__name{max-width:64px;font-size:var(--wpl-font-size-tiny)}.wpl-trace-wippers{padding:var(--wpl-space-xs) var(--wpl-space-sm)}.wpl-trace-wipper-row{padding:var(--wpl-space-xs) var(--wpl-space-sm);min-height:48px}}@media(min-width:768px){.wpl-trace-fullview{max-width:600px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;background:var(--wpl-bg-primary);box-shadow:var(--wpl-shadow-lg);min-height:100vh}.wpl-trace-header{min-height:var(--wpl-header-height-desktop);padding:var(--wpl-space-md) var(--wpl-space-lg)}.wpl-trace-header__title{font-size:var(--wpl-font-size-large)}.wpl-trace-status-banner{margin:0}.wpl-trace-current-task{margin:0;border-radius:0}.wpl-trace-current-task__content{padding:var(--wpl-space-lg)}.wpl-trace-current-task__title{font-size:var(--wpl-font-size-xlarge)}.wpl-trace-progress-section{padding:var(--wpl-space-md) var(--wpl-space-lg)}.wpl-trace-timeline{padding:0}.wpl-trace-timeline-row__content{padding:var(--wpl-space-md) var(--wpl-space-lg)}}@media(min-width:1024px){.wpl-trace-fullview{margin-top:0;border-radius:0}.wpl-trace-fullview{box-shadow:0 0 20px #00000014}}.wpl-trace-timeline-row:focus-visible,.wpl-trace-wipper-row:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:-2px}@media(prefers-contrast:high){.wpl-trace-timeline-rows,.wpl-trace-current-task{border:2px solid var(--wpl-black)}.wpl-trace-timeline-row{border-bottom-width:2px;border-bottom-color:var(--wpl-black)}}@media(prefers-reduced-motion:reduce){.wpl-trace-wippers,.wpl-trace-timeline-row__chevron,.wpl-trace-progress-bar::part(value){animation:none!important;transition:none!important}}[theme~=dark] .wpl-trace-fullview{background:var(--wpl-gray-900)}[theme~=dark] .wpl-trace-header{background:var(--wpl-gray-800);border-color:var(--wpl-gray-700)}[theme~=dark] .wpl-trace-header__title,[theme~=dark] .wpl-trace-current-task__title,[theme~=dark] .wpl-trace-timeline-row__title,[theme~=dark] .wpl-trace-wipper-name{color:var(--wpl-gray-100)}[theme~=dark] .wpl-trace-status-banner--waiting{background:#fff8e11a}[theme~=dark] .wpl-trace-status-banner--in-progress{background:#e3f2fd1a}[theme~=dark] .wpl-trace-status-banner--completed{background:#e8f5e91a}[theme~=dark] .wpl-trace-status-banner--needs-attention,[theme~=dark] .wpl-trace-status-banner--overdue{background:#ffebee1a}[theme~=dark] .wpl-trace-current-task,[theme~=dark] .wpl-trace-timeline-rows{background:var(--wpl-gray-800)}[theme~=dark] .wpl-trace-current-task__separator,[theme~=dark] .wpl-trace-timeline-row{border-color:var(--wpl-gray-700)}[theme~=dark] .wpl-trace-timeline-row--clickable:hover{background:var(--wpl-gray-700)}[theme~=dark] .wpl-trace-wippers{background:var(--wpl-gray-900)}[theme~=dark] .wpl-trace-wipper-row{background:var(--wpl-gray-800)}[theme~=dark] .wpl-trace-wipper-row--current-user{background:#e1211a33}[theme~=dark] .wpl-trace-progress-bar{background:var(--wpl-gray-700)}[theme~=dark] .wpl-trace-progress-bar::part(bar){background:var(--wpl-gray-700)}[theme~=dark] vaadin-progress-bar.wpl-trace-progress-bar{--vaadin-progress-track-color: var(--wpl-gray-700)}[theme~=dark] .wpl-trace-timeline-row__badge--pending{background:var(--wpl-gray-700);color:var(--wpl-gray-300)}[theme~=dark] .wpl-trace-stat{background:var(--wpl-gray-800)}.wpl-trace-overlay{display:none}.wpl-trace-content{padding:0}.wpl-trace-section-rows{background:var(--wpl-bg-primary);border-radius:var(--wpl-radius-lg);box-shadow:var(--wpl-shadow-card);overflow:hidden}.wpl-trace-card-row{display:flex;flex-direction:column;border-bottom:1px solid var(--wpl-border-light)}.wpl-trace-card-row:last-child{border-bottom:none}.wpl-trace-card-row-content{display:flex;flex-direction:column;gap:var(--wpl-space-xs);min-height:var(--wpl-touch-target);padding:12px var(--wpl-space-md)}.wpl-trace-card-row--clickable{cursor:pointer}.wpl-trace-card-row--clickable:hover{background:var(--wpl-gray-50)}.wpl-trace-card-name-line{display:flex;align-items:center}.wpl-trace-card-name{font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpl-trace-card-wipper-line{display:flex;align-items:center;gap:var(--wpl-space-sm)}.wpl-trace-card-wipper-info{flex:1;min-width:0}.wpl-trace-card-wipper{font-size:var(--wpl-font-size-small);color:var(--wpl-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpl-trace-card-accessory{display:flex;align-items:center;gap:var(--wpl-space-sm);flex-shrink:0}.wpl-trace-card-date{font-size:var(--wpl-font-size-small);color:var(--wpl-text-secondary)}.wpl-trace-card-chevron{font-size:16px;color:var(--wpl-text-tertiary);transition:transform var(--wpl-transition-fast)}.wpl-trace-card-row--expanded .wpl-trace-card-chevron{transform:rotate(180deg)}.wpl-trace-title-section{padding:var(--wpl-space-sm) var(--wpl-space-md)}.wpl-trace-info-dialog{--lumo-header-text-color: var(--wpl-text-primary)}.wpl-trace-info-dialog::part(header){padding:var(--wpl-space-md) var(--wpl-space-lg);border-bottom:1px solid var(--wpl-border-light);display:flex;align-items:center;justify-content:space-between}.wpl-trace-info-close{min-width:32px!important;padding:0!important;color:var(--wpl-text-secondary)}.wpl-trace-info-close:hover{color:var(--wpl-text-primary);background:var(--wpl-background-subtle)}.wpl-trace-info-dialog::part(content){padding:0}.wpl-trace-info-content{padding:var(--wpl-space-lg)!important}.wpl-trace-info-description{margin-bottom:var(--wpl-space-sm)}.wpl-trace-info-description-text{font-size:var(--wpl-font-size-normal);color:var(--wpl-text-secondary);line-height:1.5}.wpl-trace-info-separator{height:1px;background:var(--wpl-border-light);margin:var(--wpl-space-md) 0}.wpl-trace-info-graph-section{width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;background:var(--wpl-background-subtle);border-radius:var(--wpl-radius-md);overflow:hidden}.wpl-trace-info-graph-section wipp-diagram{width:100%!important;height:300px!important}.wpl-trace-info-no-graph{color:var(--wpl-text-tertiary);font-style:italic}.wpl-trace-info-support-section{display:flex;justify-content:center;padding-top:var(--wpl-space-sm)}.wpl-trace-info-support-button{color:var(--wpl-text-secondary)}.wpl-trace-info-support-button:hover{color:var(--wpl-primary)}.wpl-trace-support-dialog::part(header){padding:var(--wpl-space-md) var(--wpl-space-lg);border-bottom:1px solid var(--wpl-border-light)}.wpl-trace-support-info{color:var(--wpl-text-secondary);font-size:var(--wpl-font-size-normal);display:block;margin-bottom:var(--wpl-space-md)}.wpl-trace-support-context{margin-top:var(--wpl-space-md);padding:var(--wpl-space-md);background:var(--wpl-background-subtle);border-radius:var(--wpl-radius-md)}.wpl-trace-support-context-label{display:block;font-size:var(--wpl-font-size-small);font-weight:500;color:var(--wpl-text-secondary);margin-bottom:var(--wpl-space-sm)}.wpl-trace-support-context-details{display:flex;flex-direction:column;gap:var(--wpl-space-xs)}.wpl-trace-support-context-details span{font-size:var(--wpl-font-size-small);color:var(--wpl-text-tertiary)}.wpl-trace-timeline-row--current{background:var(--wpl-info-bg)!important;border-left:3px solid var(--wpl-info)!important}.wpl-trace-timeline-row--current .wpl-trace-card-title{font-weight:600}.wpl-trace-timeline-row--current:after{content:"Current";position:absolute;right:var(--wpl-space-md);top:50%;transform:translateY(-50%);font-size:var(--wpl-font-size-small);color:var(--wpl-info);font-weight:500;background:var(--wpl-info-bg);padding:2px 8px;border-radius:var(--wpl-radius-sm)}.wpl-wizard-progress-layout{width:100%;height:2.5em;display:flex;align-items:center;gap:var(--wpl-space-sm);padding:var(--wpl-space-xs) 0}.wpl-wizard-progress-bar{flex:1;height:6px;min-height:6px;background:var(--wpl-gray-200);border-radius:3px;overflow:hidden}.wpl-wizard-progress-bar::part(value){background:var(--wpl-red-primary);border-radius:3px;transition:width var(--wpl-transition-normal)}.wpl-wizard-progress-bar::part(bar){background:var(--wpl-gray-200);border-radius:3px}vaadin-progress-bar.wpl-wizard-progress-bar{--vaadin-progress-fill-color: var(--wpl-red-primary);--vaadin-progress-track-color: var(--wpl-gray-200)}.wpl-wizard-step-counter{width:2.5em;min-width:2.5em;height:2.5em;margin-left:var(--wpl-space-sm);background:var(--wpl-red-primary);color:var(--wpl-text-on-primary);border-radius:var(--wpl-radius-round);font-size:var(--wpl-font-size-small);font-weight:var(--wpl-font-weight-bold);font-family:var(--wpl-font-family);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;box-shadow:var(--wpl-shadow-sm);transition:transform var(--wpl-transition-fast),background-color var(--wpl-transition-fast)}.wpl-wizard-step-counter:hover{transform:scale(1.05)}.wpl-wizard-step-counter--completed{background:var(--wpl-red-dark)}.wpl-wizard-progress{padding:var(--wpl-space-sm) var(--wpl-space-md);background:var(--wpl-bg-secondary);border-bottom:1px solid var(--wpl-border-light)}.wpl-wizard-progress-segments{display:flex;gap:4px;width:100%}.wpl-wizard-progress-segment{flex:1;height:4px;background:var(--wpl-gray-200);border-radius:2px;transition:background-color var(--wpl-transition-fast)}.wpl-wizard-progress-segment--active{background:var(--wpl-red-primary)}.wpl-wizard-progress-segment--completed{background:var(--wpl-gray-600)}.wpl-wizard-title{font-size:var(--wpl-font-size-large);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);margin:0;padding:var(--wpl-space-sm) 0}.wpl-wizard-subtitle{font-size:var(--wpl-font-size-body);color:var(--wpl-text-secondary);margin:0}.wpl-wizard-content{padding:var(--wpl-space-md);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.wpl-wizard-actions{display:flex;justify-content:space-between;gap:var(--wpl-space-sm);padding:var(--wpl-space-md);border-top:1px solid var(--wpl-border-light);background:var(--wpl-bg-primary)}@media(max-width:480px){.wpl-wizard-actions{flex-direction:column-reverse}.wpl-wizard-actions .wpl-button{width:100%}}@media(max-width:767px){.wpl-wizard-progress-layout{padding:var(--wpl-space-sm)}.wpl-wizard-step-counter{width:2em;min-width:2em;height:2em;font-size:var(--wpl-font-size-tiny)}.wpl-wizard-progress-bar{height:4px;min-height:4px}}@media(min-width:768px){.wpl-wizard-progress-layout{padding:var(--wpl-space-sm) var(--wpl-space-md)}}[theme~=dark] .wpl-wizard-progress-bar{background:var(--wpl-gray-700)}[theme~=dark] .wpl-wizard-progress-bar::part(bar){background:var(--wpl-gray-700)}[theme~=dark] .wpl-wizard-step-counter{box-shadow:0 1px 3px #0000004d}[theme~=dark] .wpl-wizard-progress{background:var(--wpl-gray-800);border-bottom-color:var(--wpl-gray-700)}[theme~=dark] .wpl-wizard-progress-segment{background:var(--wpl-gray-700)}[theme~=dark] .wpl-wizard-actions{background:var(--wpl-gray-900);border-top-color:var(--wpl-gray-700)}.wpl-wizard-step-counter:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.wpl-wizard-progress-bar::part(value){transition:none}.wpl-wizard-step-counter,.wpl-wizard-progress-segment{transition:none}}.wpl-wipp-detail-panel{width:100%!important;max-width:100%!important;display:flex;flex-direction:column;background:var(--wpl-bg-primary);border-radius:var(--wpl-radius-md);overflow:hidden;box-sizing:border-box;padding:0!important;margin:0!important}.wpl-wipp-detail-panel[theme]{padding:0!important}.wpl-wipp-detail-panel *,.wpl-wipp-detail-panel *:before,.wpl-wipp-detail-panel *:after{box-sizing:border-box}.wpl-wipp-detail-panel>*{max-width:100%;overflow:hidden}.wpl-wipp-detail-header{display:flex;flex-direction:column;width:100%;max-width:100%;padding:var(--wpl-space-md) var(--wpl-space-lg);background:linear-gradient(to bottom,var(--wpl-bg-secondary),var(--wpl-bg-primary));border-bottom:1px solid var(--wpl-border)}.wpl-wipp-detail-header__title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--wpl-space-md)}.wpl-wipp-detail-header__title{margin:0;font-size:var(--wpl-font-size-h3);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-tight)}.wpl-wipp-detail-header__description{margin-top:var(--wpl-space-xs);font-size:var(--wpl-font-size-body);color:var(--wpl-text-secondary);line-height:var(--wpl-line-height-normal)}.wpl-wipp-status-icon{width:36px;height:36px;min-width:36px;border-radius:var(--wpl-radius-round);display:flex;align-items:center;justify-content:center;box-shadow:var(--wpl-shadow-sm);transition:transform var(--wpl-transition-fast),box-shadow var(--wpl-transition-fast)}.wpl-wipp-status-icon:hover{transform:scale(1.05);box-shadow:var(--wpl-shadow-md)}.wpl-wipp-status-icon--success{background-color:#4caf50}.wpl-wipp-status-icon--warning{background-color:var(--wpl-error)}.wpl-wipp-status-icon--error{background-color:var(--wpl-red-primary)}.wpl-wipp-status-icon--unknown{background-color:var(--wpl-gray-400)}.wpl-wipp-status-icon iron-icon,.wpl-wipp-status-icon vaadin-icon{color:#fff;width:20px;height:20px}.wpl-wipp-detail-tabs{display:flex;width:100%;max-width:100%;background:var(--wpl-bg-primary);border-bottom:1px solid var(--wpl-border);padding:0 var(--wpl-space-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wpl-wipp-detail-tabs::-webkit-scrollbar{display:none}.wpl-wipp-detail-tabs vaadin-tabs{--lumo-primary-color: var(--wpl-red-primary);--lumo-primary-text-color: var(--wpl-red-primary);width:100%}.wpl-wipp-detail-tabs vaadin-tabs::part(tabs){gap:0}.wpl-wipp-detail-tab{position:relative;padding:var(--wpl-space-md) var(--wpl-space-lg);min-height:var(--wpl-touch-target);cursor:pointer;transition:all var(--wpl-transition-fast);border-bottom:3px solid transparent;margin-bottom:-1px}.wpl-wipp-detail-tab::part(content){padding:0}.wpl-wipp-detail-tab:hover{background-color:var(--wpl-gray-50)}.wpl-wipp-detail-tab[selected]{border-bottom-color:var(--wpl-red-primary)}.wpl-wipp-detail-tab[selected] .wpl-tab-label{color:var(--wpl-red-primary);font-weight:var(--wpl-font-weight-semibold)}.wpl-wipp-detail-tab[selected] .wpl-tab-icon{color:var(--wpl-red-primary)}.wpl-tab-content{display:flex;align-items:center;gap:var(--wpl-space-sm)}.wpl-tab-icon{width:18px;height:18px;color:var(--wpl-text-secondary);transition:color var(--wpl-transition-fast)}.wpl-tab-label{font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-medium);color:var(--wpl-text-secondary);transition:color var(--wpl-transition-fast);white-space:nowrap}.wpl-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--wpl-space-xs);border-radius:11px;font-size:var(--wpl-font-size-tiny);font-weight:var(--wpl-font-weight-bold);color:#fff;transition:all var(--wpl-transition-fast)}.wpl-tab-badge--success{background-color:#4caf50}.wpl-tab-badge--warning{background-color:var(--wpl-error)}.wpl-tab-badge--error{background-color:var(--wpl-red-primary)}.wpl-tab-badge--neutral{background-color:var(--wpl-gray-400)}.wpl-wipp-detail-content{flex:1;width:100%;max-width:100%;padding:var(--wpl-space-md);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--wpl-bg-primary)}.wpl-detail-panel{background:var(--wpl-bg-primary);border:1px solid var(--wpl-border);border-radius:var(--wpl-radius-md);box-shadow:var(--wpl-shadow-card);overflow:hidden}.wpl-detail-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--wpl-space-md) var(--wpl-space-lg);background:var(--wpl-bg-secondary);border-bottom:1px solid var(--wpl-border-light)}.wpl-detail-panel__title{margin:0;font-size:var(--wpl-font-size-large);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary)}.wpl-detail-panel__body{padding:var(--wpl-space-md) var(--wpl-space-lg)}.wpl-info-panel{background:var(--wpl-bg-primary);border:1px solid var(--wpl-border);border-radius:var(--wpl-radius-md);box-shadow:var(--wpl-shadow-card);overflow:hidden}.wpl-info-panel__section{padding:var(--wpl-space-md) var(--wpl-space-lg);border-bottom:1px solid var(--wpl-border-light)}.wpl-info-panel__section:last-child{border-bottom:none}.wpl-info-panel__section--advanced{background:var(--wpl-gray-50)}.wpl-info-panel__toggle{display:flex;align-items:center;justify-content:center;gap:var(--wpl-space-xs);padding:var(--wpl-space-sm) var(--wpl-space-md);background:var(--wpl-bg-secondary);border-top:1px solid var(--wpl-border-light);border-bottom:1px solid var(--wpl-border-light);cursor:pointer;transition:background var(--wpl-transition-fast);-webkit-user-select:none;user-select:none}.wpl-info-panel__toggle:hover{background:var(--wpl-gray-100)}.wpl-info-panel__toggle:active{background:var(--wpl-gray-200)}.wpl-info-toggle__icon{width:16px;height:16px;color:var(--wpl-text-secondary);transition:transform var(--wpl-transition-fast)}.wpl-info-toggle__icon--expanded{transform:rotate(180deg)}.wpl-info-toggle__label{font-size:var(--wpl-font-size-small);font-weight:var(--wpl-font-weight-medium);color:var(--wpl-text-secondary)}.wpl-info-row{display:flex;align-items:flex-start;padding:var(--wpl-space-sm) 0;border-bottom:1px solid var(--wpl-gray-100)}.wpl-info-row:last-child{border-bottom:none}.wpl-info-row__label{flex:0 0 140px;font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-medium);color:var(--wpl-text-secondary)}.wpl-info-row__value{flex:1;font-size:var(--wpl-font-size-body);color:var(--wpl-text-primary);word-break:break-word}.wpl-info-row__value--empty{color:var(--wpl-text-tertiary);font-style:italic}.wpl-issues-panel{background:var(--wpl-bg-primary);border:1px solid var(--wpl-border);border-radius:var(--wpl-radius-md);box-shadow:var(--wpl-shadow-card);overflow:hidden}.wpl-issues-summary{display:flex;gap:var(--wpl-space-md);padding:var(--wpl-space-md) var(--wpl-space-lg);background:var(--wpl-bg-secondary);border-bottom:1px solid var(--wpl-border-light)}.wpl-issues-summary__badge{display:flex;align-items:center;gap:var(--wpl-space-sm);padding:var(--wpl-space-xs) var(--wpl-space-md);border-radius:var(--wpl-radius-sm);font-size:var(--wpl-font-size-small);font-weight:var(--wpl-font-weight-medium)}.wpl-issues-summary__badge--blocker{background-color:var(--wpl-red-light);color:var(--wpl-red-primary);border:1px solid var(--wpl-red-primary)}.wpl-issues-summary__badge--warning{background-color:#fff3e0;color:var(--wpl-error);border:1px solid var(--wpl-error)}.wpl-issues-summary__count{font-weight:var(--wpl-font-weight-bold);font-size:var(--wpl-font-size-large)}.wpl-issues-list{padding:var(--wpl-space-md)}.wpl-issue-card{background:var(--wpl-bg-primary);border:1px solid var(--wpl-border);border-radius:var(--wpl-radius-sm);margin-bottom:var(--wpl-space-sm);overflow:hidden;transition:box-shadow var(--wpl-transition-fast)}.wpl-issue-card:hover{box-shadow:var(--wpl-shadow-sm)}.wpl-issue-card:last-child{margin-bottom:0}.wpl-issue-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--wpl-space-sm);padding:var(--wpl-space-sm) var(--wpl-space-md);background:var(--wpl-gray-50);border-bottom:1px solid var(--wpl-border-light)}.wpl-issue-card__header-left{display:flex;align-items:center;gap:var(--wpl-space-sm);flex:1;min-width:0}.wpl-issue-card__title{font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpl-issue-card__id{font-size:var(--wpl-font-size-small);font-family:var(--wpl-font-family-mono);color:var(--wpl-text-tertiary);white-space:nowrap}.wpl-issue-card__fix-btn{flex-shrink:0;color:var(--wpl-primary)}.wpl-issue-card__fix-btn:hover{background-color:var(--wpl-primary-light)}.wpl-issue-card__body{padding:var(--wpl-space-sm) var(--wpl-space-md)}.wpl-issue-row{display:flex;align-items:flex-start;gap:var(--wpl-space-sm);padding:var(--wpl-space-sm);border-radius:var(--wpl-radius-sm);margin-bottom:var(--wpl-space-xs)}.wpl-issue-row:last-child{margin-bottom:0}.wpl-issue-row--blocker{background-color:var(--wpl-red-light)}.wpl-issue-row--warning{background-color:#fff8e1}.wpl-issue-row__icon{flex-shrink:0;width:20px;height:20px}.wpl-issue-row__icon--blocker{color:var(--wpl-red-primary)}.wpl-issue-row__icon--warning{color:var(--wpl-error)}.wpl-issue-row__message{flex:1;font-size:var(--wpl-font-size-body);color:var(--wpl-text-primary);line-height:var(--wpl-line-height-normal)}.wpl-issue-row__actions{display:flex;gap:var(--wpl-space-xs);flex-shrink:0}.wpl-no-issues{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--wpl-space-3xl) var(--wpl-space-md);text-align:center}.wpl-no-issues__icon{width:64px;height:64px;color:#4caf50;margin-bottom:var(--wpl-space-md)}.wpl-no-issues__message{font-size:var(--wpl-font-size-large);font-weight:var(--wpl-font-weight-medium);color:#4caf50}.wpl-banner-panel{display:flex;flex-direction:column;align-items:center;padding:var(--wpl-space-lg);background:var(--wpl-bg-primary);border:1px solid var(--wpl-border);border-radius:var(--wpl-radius-md);box-shadow:var(--wpl-shadow-card)}.wpl-banner-preview{width:100%;max-width:400px;aspect-ratio:16 / 9;border-radius:var(--wpl-radius-md);overflow:hidden;background:var(--wpl-bg-secondary);border:1px solid var(--wpl-border);display:flex;align-items:center;justify-content:center}.wpl-banner-preview img{width:100%;height:100%;object-fit:cover}.wpl-banner-preview--empty{flex-direction:column;gap:var(--wpl-space-sm);color:var(--wpl-text-tertiary)}.wpl-banner-preview__icon{width:48px;height:48px;color:var(--wpl-gray-400)}.wpl-banner-preview__text{font-size:var(--wpl-font-size-body);color:var(--wpl-text-tertiary)}.wpl-banner-actions{display:flex;gap:var(--wpl-space-sm);margin-top:var(--wpl-space-md);justify-content:center}.wpl-banner-preview__image{width:100%;height:100%;object-fit:cover}.wpl-banner-upload-btn{min-width:140px}.wpl-banner-remove-btn{min-width:100px}.wpl-diagram-panel{width:100%;max-width:100%;background:var(--wpl-bg-primary);border:1px solid var(--wpl-border);border-radius:var(--wpl-radius-md);box-shadow:var(--wpl-shadow-card);overflow:hidden}.wpl-diagram-panel wipp-diagram{width:100%!important;max-width:100%!important;display:block}@media(max-width:767px){.wpl-wipp-detail-header{padding:var(--wpl-space-md)}.wpl-wipp-detail-header__title{font-size:var(--wpl-font-size-xlarge)}.wpl-wipp-detail-tab{padding:var(--wpl-space-sm) var(--wpl-space-md)}.wpl-tab-label{font-size:var(--wpl-font-size-small)}.wpl-info-row{flex-direction:column;gap:var(--wpl-space-xs)}.wpl-info-row__label{flex:none}.wpl-issues-summary,.wpl-issue-row{flex-wrap:wrap}.wpl-issue-row__actions{width:100%;justify-content:flex-end;margin-top:var(--wpl-space-xs)}}@media(min-width:768px)and (max-width:1023px){.wpl-wipp-detail-header{padding:var(--wpl-space-md) var(--wpl-space-lg)}}@media(min-width:1024px){.wpl-wipp-detail-content{padding:var(--wpl-space-lg)}.wpl-info-row__label{flex:0 0 160px}}[theme~=dark] .wpl-wipp-detail-panel{background:var(--wpl-gray-900)}[theme~=dark] .wpl-wipp-detail-header{background:linear-gradient(to bottom,var(--wpl-gray-800),var(--wpl-gray-900));border-bottom-color:var(--wpl-gray-700)}[theme~=dark] .wpl-wipp-detail-tabs{background:var(--wpl-gray-900);border-bottom-color:var(--wpl-gray-700)}[theme~=dark] .wpl-wipp-detail-tab:hover{background-color:var(--wpl-gray-800)}[theme~=dark] .wpl-wipp-detail-content{background:var(--wpl-gray-900)}[theme~=dark] .wpl-detail-panel,[theme~=dark] .wpl-info-panel,[theme~=dark] .wpl-issues-panel,[theme~=dark] .wpl-banner-panel,[theme~=dark] .wpl-diagram-panel{background:var(--wpl-gray-800);border-color:var(--wpl-gray-700)}[theme~=dark] .wpl-detail-panel__header,[theme~=dark] .wpl-issues-summary{background:var(--wpl-gray-800);border-bottom-color:var(--wpl-gray-700)}[theme~=dark] .wpl-info-row{border-bottom-color:var(--wpl-gray-700)}[theme~=dark] .wpl-issue-card{background:var(--wpl-gray-800);border-color:var(--wpl-gray-700)}[theme~=dark] .wpl-issue-card__header{background:var(--wpl-gray-700);border-bottom-color:var(--wpl-gray-600)}[theme~=dark] .wpl-issue-row--blocker{background-color:#e1211a26}[theme~=dark] .wpl-issue-row--warning{background-color:#f57c0026}[theme~=dark] .wpl-banner-preview{background:var(--wpl-gray-800);border-color:var(--wpl-gray-700)}.wpl-wipp-detail-tab:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:-2px}.wpl-issue-card:focus-within{outline:2px solid var(--wpl-blue-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.wpl-wipp-status-icon,.wpl-wipp-detail-tab,.wpl-issue-card,.wpl-tab-badge{transition:none}}@media(prefers-contrast:high){.wpl-detail-panel,.wpl-info-panel,.wpl-issues-panel,.wpl-banner-panel,.wpl-diagram-panel{border-width:2px}.wpl-issue-row--blocker,.wpl-issue-row--warning{border:1px solid currentColor}}.wpl-users-view{margin:0!important;padding:0!important;width:100%!important;background:var(--wpl-bg-secondary, #F5F5F5);min-height:100%}.wpl-users-view>vaadin-vertical-layout{margin:0!important;padding:0!important;width:100%!important;gap:0!important}.wpl-users-toolbar{background:var(--wpl-bg-primary, #FFFFFF)!important;border-bottom:1px solid var(--wpl-gray-200, #E5E7EB)!important;box-shadow:0 1px 3px #00000014!important;padding:12px 16px!important;position:sticky;top:0;z-index:100;gap:12px!important}.wpl-users-toolbar .wpl-toolbar-label{font-size:18px!important;font-weight:600!important;color:var(--wpl-text-primary, #000000)!important;margin:0!important;padding:0 4px!important}.wpl-users-toolbar .wpl-toolbar-button-secondary{background:transparent!important;color:var(--wpl-gray-500, #6B7280)!important;border:none!important;box-shadow:none!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:8px!important}.wpl-users-toolbar .wpl-toolbar-button-secondary:hover{background:var(--wpl-gray-100, #F3F4F6)!important;color:var(--wpl-text-primary, #000000)!important}.wpl-users-toolbar .wpl-toolbar-button-secondary:active{background:var(--wpl-gray-200, #E5E7EB)!important}.wpl-users-toolbar .wpl-button-primary{background:var(--wpl-red-primary, #E1211A)!important;color:#fff!important;border:none!important;border-radius:8px!important;min-width:40px!important;height:40px!important;padding:0!important;box-shadow:0 2px 4px #e1211a33!important;transition:all .2s ease!important}.wpl-users-toolbar .wpl-button-primary:hover{background:var(--wpl-red-hover, #B01814)!important;box-shadow:0 4px 8px #e1211a4d!important;transform:translateY(-1px)}.wpl-users-toolbar .wpl-button-primary:active{transform:translateY(0);box-shadow:0 1px 2px #e1211a33!important}.wpl-users-toolbar vaadin-combo-box{--vaadin-input-field-height: 40px;font-size:14px}.wpl-users-toolbar vaadin-combo-box::part(input-field){min-height:40px;border-radius:8px;background:var(--wpl-gray-50, #F9FAFB);border:1px solid var(--wpl-gray-300, #D1D5DB);box-shadow:none;transition:all .2s ease}.wpl-users-toolbar vaadin-combo-box:hover::part(input-field){border-color:var(--wpl-gray-400, #9CA3AF);background:var(--wpl-bg-primary, #FFFFFF)}.wpl-users-toolbar vaadin-combo-box:focus-within::part(input-field){border-color:var(--wpl-red-primary, #E1211A);background:var(--wpl-bg-primary, #FFFFFF);box-shadow:0 0 0 3px #e1211a1a}.wpl-users-toolbar vaadin-text-field{--vaadin-input-field-height: 40px;font-size:14px}.wpl-users-toolbar vaadin-text-field::part(input-field){min-height:40px;border-radius:8px;background:var(--wpl-gray-50, #F9FAFB);border:1px solid var(--wpl-gray-300, #D1D5DB);box-shadow:none;transition:all .2s ease}.wpl-users-toolbar vaadin-text-field:hover::part(input-field){border-color:var(--wpl-gray-400, #9CA3AF);background:var(--wpl-bg-primary, #FFFFFF)}.wpl-users-toolbar vaadin-text-field:focus-within::part(input-field){border-color:var(--wpl-red-primary, #E1211A);background:var(--wpl-bg-primary, #FFFFFF);box-shadow:0 0 0 3px #e1211a1a}.wpl-users-toolbar vaadin-text-field vaadin-icon{color:var(--wpl-gray-400, #9CA3AF)}.wpl-users-toolbar vaadin-text-field:focus-within vaadin-icon{color:var(--wpl-red-primary, #E1211A)}#users-grid{border:none!important;background:transparent!important;--lumo-base-color: transparent}#users-grid::part(header-cell){display:none!important}#users-grid vaadin-grid-cell-content{padding:0!important}#users-grid::part(row){background:transparent!important;border:none!important}#users-grid::part(body-cell){padding:6px 16px!important;background:transparent!important}#users-grid::part(row):hover{background:transparent!important}.wpl-user-row{display:flex!important;align-items:center!important;background:var(--wpl-bg-primary, #FFFFFF)!important;border-radius:12px!important;padding:12px 16px!important;margin:0!important;box-shadow:0 1px 3px #00000014!important;border:1px solid var(--wpl-gray-100, #F3F4F6)!important;transition:all .2s ease!important;gap:12px!important;width:100%!important;box-sizing:border-box!important}.wpl-user-row:hover{box-shadow:0 4px 12px #0000001a!important;border-color:var(--wpl-gray-200, #E5E7EB)!important;transform:translateY(-1px)!important}.wpl-user-row:active{transform:translateY(0)!important;box-shadow:0 1px 3px #00000014!important}.wpl-user-row vaadin-avatar{flex-shrink:0!important;--vaadin-avatar-size: 48px !important;width:48px!important;height:48px!important;font-size:16px!important;font-weight:600!important;box-shadow:0 2px 4px #0000001a!important;border:2px solid var(--wpl-bg-primary, #FFFFFF)!important}.wpl-user-row vaadin-avatar[color-index="0"]{--vaadin-avatar-user-color: #E91E63 !important}.wpl-user-row vaadin-avatar[color-index="1"]{--vaadin-avatar-user-color: #9C27B0 !important}.wpl-user-row vaadin-avatar[color-index="2"]{--vaadin-avatar-user-color: #3F51B5 !important}.wpl-user-row vaadin-avatar[color-index="3"]{--vaadin-avatar-user-color: #00BCD4 !important}.wpl-user-row vaadin-avatar[color-index="4"]{--vaadin-avatar-user-color: #009688 !important}.wpl-user-row vaadin-avatar[color-index="5"]{--vaadin-avatar-user-color: #4CAF50 !important}.wpl-user-row vaadin-avatar[color-index="6"]{--vaadin-avatar-user-color: #FF9800 !important}@media(max-width:767px){.wpl-user-row vaadin-avatar{--vaadin-avatar-size: 40px !important;width:40px!important;height:40px!important;font-size:14px!important}}.wpl-user-row vaadin-vertical-layout{flex:1!important;min-width:0!important;gap:2px!important;padding:0!important;margin:0!important}.wpl-user-row .wpl-row-title,.wpl-user-row>vaadin-vertical-layout>div:first-child{font-size:15px!important;font-weight:600!important;color:var(--wpl-text-primary, #000000)!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.wpl-user-row .wpl-row-subtitle,.wpl-user-row>vaadin-vertical-layout>div:nth-child(2){font-size:13px!important;font-weight:400!important;color:var(--wpl-text-secondary, #6B7280)!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.wpl-user-row .wpl-row-info,.wpl-user-row>vaadin-vertical-layout>div:nth-child(3){font-size:12px!important;font-weight:500!important;color:var(--wpl-gray-500, #6B7280)!important;line-height:1.3!important;display:flex!important;align-items:center!important;gap:4px!important}.wpl-user-row vaadin-icon[icon^="vaadin:check-circle"],.wpl-user-row vaadin-icon.wpl-status-active{color:var(--lumo-success-color, #17C800)!important}.wpl-user-row vaadin-icon[icon^="vaadin:circle"],.wpl-user-row vaadin-icon.wpl-status-inactive{color:var(--wpl-gray-400, #9CA3AF)!important}.wpl-user-row vaadin-icon[icon^="vaadin:ban"],.wpl-user-row vaadin-icon.wpl-status-banned{color:var(--wpl-error, #F57C00)!important}.wpl-user-row vaadin-icon[icon^="vaadin:clock"],.wpl-user-row vaadin-icon.wpl-status-pending{color:var(--wpl-blue-primary, #007AFF)!important}.wpl-user-row .wpl-status-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;flex-shrink:0!important}.wpl-user-row vaadin-menu-bar{flex-shrink:0!important;margin-left:auto!important}.wpl-user-row vaadin-menu-bar::part(container){background:transparent!important}.wpl-user-row vaadin-menu-bar vaadin-menu-bar-button{background:transparent!important;border:none!important;color:var(--wpl-gray-500, #6B7280)!important;min-width:36px!important;height:36px!important;padding:0!important;border-radius:8px!important;transition:all .2s ease!important}.wpl-user-row vaadin-menu-bar vaadin-menu-bar-button:hover{background:var(--wpl-gray-100, #F3F4F6)!important;color:var(--wpl-text-primary, #000000)!important}.wpl-user-row vaadin-menu-bar vaadin-menu-bar-button:active{background:var(--wpl-gray-200, #E5E7EB)!important}.wpl-user-row vaadin-menu-bar vaadin-icon{width:20px!important;height:20px!important}@media(max-width:767px){.wpl-users-toolbar{padding:8px 12px!important;gap:8px!important;flex-wrap:wrap!important}.wpl-users-toolbar .wpl-toolbar-label{font-size:16px!important}.wpl-users-toolbar vaadin-combo-box,.wpl-users-toolbar vaadin-text-field{flex:1!important;min-width:120px!important}#users-grid::part(body-cell){padding:4px 12px!important}.wpl-user-row{padding:10px 12px!important;border-radius:10px!important;gap:10px!important}.wpl-user-row vaadin-menu-bar vaadin-menu-bar-button{min-width:32px!important;height:32px!important}}@media(min-width:768px){.wpl-users-toolbar{padding:16px 24px!important}#users-grid::part(body-cell){padding:8px 24px!important}.wpl-user-row{padding:14px 20px!important}}.wpl-users-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:48px!important;text-align:center!important;color:var(--wpl-text-secondary, #6B7280)!important}.wpl-users-empty-icon{font-size:64px!important;color:var(--wpl-gray-300, #D1D5DB)!important;margin-bottom:16px!important}.wpl-users-empty-title{font-size:18px!important;font-weight:600!important;color:var(--wpl-text-primary, #000000)!important;margin-bottom:8px!important}.wpl-users-empty-message{font-size:14px!important;color:var(--wpl-text-tertiary, #8A8A8A)!important}.wpl-users-loading{display:flex!important;align-items:center!important;justify-content:center!important;padding:48px!important}.wpl-users-loading vaadin-progress-bar{width:200px!important}.wpl-not-found-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--wpl-header-height-mobile) - var(--wpl-bottom-nav-height) - 32px);width:100%;padding:var(--wpl-space-lg);box-sizing:border-box;background:var(--wpl-bg-primary)}.wpl-not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:400px;gap:var(--wpl-space-md)}.wpl-not-found-icon-container{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:var(--wpl-radius-round);background:var(--wpl-red-light);margin-bottom:var(--wpl-space-md)}.wpl-not-found-icon{width:48px;height:48px;color:var(--wpl-red-primary)}.wpl-not-found-code{font-family:var(--wpl-font-family);font-size:80px;font-weight:var(--wpl-font-weight-bold);color:var(--wpl-red-primary);line-height:1;margin:0;letter-spacing:-2px}.wpl-not-found-title{font-family:var(--wpl-font-family);font-size:var(--wpl-font-size-xxlarge);font-weight:var(--wpl-font-weight-semibold);color:var(--wpl-text-primary);margin:0;line-height:var(--wpl-line-height-tight)}.wpl-not-found-description{font-family:var(--wpl-font-family);font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-regular);color:var(--wpl-text-secondary);margin:0;line-height:var(--wpl-line-height-normal);max-width:300px}.wpl-not-found-path{font-family:var(--wpl-font-family-mono);font-size:var(--wpl-font-size-small);color:var(--wpl-text-tertiary);background:var(--wpl-bg-secondary);padding:var(--wpl-space-sm) var(--wpl-space-md);border-radius:var(--wpl-radius-md);margin-top:var(--wpl-space-sm);word-break:break-all;max-width:100%}.wpl-not-found-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--wpl-space-sm);min-height:var(--wpl-touch-target);min-width:200px;padding:0 var(--wpl-space-xl);margin-top:var(--wpl-space-lg);font-family:var(--wpl-font-family);font-size:var(--wpl-font-size-body);font-weight:var(--wpl-font-weight-semibold);text-decoration:none;background:var(--wpl-red-primary);color:var(--wpl-text-on-primary);border-radius:var(--wpl-radius-lg);border:none;cursor:pointer;transition:all var(--wpl-transition-fast);box-shadow:var(--wpl-shadow-sm)}.wpl-not-found-button:hover{background:var(--wpl-red-hover);transform:translateY(-1px);box-shadow:var(--wpl-shadow-md);text-decoration:none;color:var(--wpl-text-on-primary)}.wpl-not-found-button:active{background:var(--wpl-red-active);transform:translateY(0);box-shadow:var(--wpl-shadow-sm)}.wpl-not-found-button:focus-visible{outline:2px solid var(--wpl-red-primary);outline-offset:2px}.wpl-not-found-button-icon{width:20px;height:20px;color:var(--wpl-text-on-primary)}.wpl-not-found-button-text{color:var(--wpl-text-on-primary)}@media(min-width:769px){.wpl-not-found-view{min-height:calc(100vh - var(--wpl-header-height-desktop) - var(--wpl-bottom-nav-height) - 32px)}.wpl-not-found-icon-container{width:120px;height:120px}.wpl-not-found-icon{width:56px;height:56px}.wpl-not-found-code{font-size:120px}.wpl-not-found-title{font-size:var(--wpl-font-size-h2)}.wpl-not-found-description{font-size:var(--wpl-font-size-large);max-width:350px}.wpl-not-found-button{min-height:var(--wpl-button-height-desktop);min-width:220px}}@media(prefers-contrast:high){.wpl-not-found-code{color:var(--wpl-black)}.wpl-not-found-button{border:2px solid var(--wpl-black)}}@media(prefers-reduced-motion:reduce){.wpl-not-found-button{transition:none;transform:none}.wpl-not-found-button:hover,.wpl-not-found-button:active{transform:none}}[theme~=dark] .wpl-not-found-view{background:var(--lumo-base-color, #1a1a1a)}[theme~=dark] .wpl-not-found-icon-container{background:#e1211a26}[theme~=dark] .wpl-not-found-title{color:var(--wpl-white)}[theme~=dark] .wpl-not-found-description{color:var(--wpl-gray-400)}[theme~=dark] .wpl-not-found-path{background:var(--wpl-gray-800);color:var(--wpl-gray-400)}