@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&display=swap');html{--aura-accent-color-dark: #F87171;--aura-accent-color-light: #DD2C10;--aura-background-color-dark: #171717;--aura-background-color-light: #f5f5f5;--aura-font-family: 'DM Sans',var(--aura-font-family-system);--aura-base-font-size: 16;--aura-font-smoothing: auto;color-scheme: light dark}vaadin-button[theme~="primary"]{background-color: #DD2C10;color: #fff;border-radius: 10px}vaadin-button[theme~="primary"]:hover{background-color: #c42610}vaadin-side-nav-item:not([current])>vaadin-icon{color: var(--aura-accent-text-color)}vaadin-side-nav-item[current]::part(content){--vaadin-side-nav-item-background: var(--vaadin-background-container);--vaadin-side-nav-item-border-color: transparent}vaadin-side-nav::part(label){text-transform: uppercase;font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color);letter-spacing: 0.03em}:is(vaadin-button,vaadin-menu-bar-button,vaadin-upload-button):not([theme~="primary"],[theme~="tertiary"]){--aura-accent-color-light: var(--aura-neutral);--aura-accent-color-dark: var(--aura-neutral);--vaadin-button-background: var(--vaadin-background-container);--vaadin-button-border-color: transparent;--vaadin-button-shadow: none}.wpl-login{min-height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--vaadin-padding-l)}.wpl-login-card{width: 100%;max-width: 420px;padding: calc(var(--vaadin-padding-l) * 1.5);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color-solid);box-shadow: var(--aura-shadow-m)}.wpl-logo{display: flex;justify-content: center;margin-block-end: var(--vaadin-gap-l)}.wpl-logo img{height: 44px;width: auto}.wpl-login h2{margin: 0 0 var(--vaadin-gap-s);font-size: var(--aura-font-size-xl);text-align: center}.wpl-login-lede{margin: 0 0 var(--vaadin-gap-l);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);text-align: center;line-height: var(--aura-line-height-s)}.wpl-code input{font-size: 1.6rem !important;letter-spacing: 0.4em;text-align: center;font-variant-numeric: tabular-nums}.wpl-login-foot{margin-top: var(--vaadin-gap-l);text-align: center;font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}html{--aura-app-layout-inset: 12px;--aura-app-layout-radius: 14px;--aura-base-size: 18;--aura-base-radius: 8}vaadin-app-layout::part(drawer){--aura-surface-level: 0}vaadin-app-layout::part(navbar){--aura-surface-level: 0}.wpl-brand{display: flex;align-items: center;gap: var(--vaadin-gap-s);font-weight: var(--aura-font-weight-semibold);font-size: var(--aura-font-size-l);letter-spacing: -0.01em}.wpl-brand img{height: 22px;width: auto}.wpl-whoami{display: flex;flex-direction: column;line-height: 1.2;text-align: right}.wpl-whoami-user{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium)}.wpl-whoami-tenant{font-size: var(--aura-font-size-xs);color: var(--aura-accent-text-color);font-weight: var(--aura-font-weight-medium)}.wpl-page{padding: var(--vaadin-padding-xl);gap: var(--vaadin-gap-xl);max-width: 1180px;width: 100%;margin-inline: auto}.wpl-page-head{display: flex;align-items: flex-start;gap: var(--vaadin-gap-l);width: 100%}.wpl-page-head>.wpl-page-head-text{flex: 1;min-width: 0}.wpl-page-title{margin: 0;font-size: 1.5rem;font-weight: var(--aura-font-weight-semibold);letter-spacing: -0.02em;line-height: 1.2}.wpl-page-lede{margin: 6px 0 0;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);line-height: var(--aura-line-height-l);max-width: 70ch}.wpl-card{background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-l);box-shadow: var(--aura-shadow-xs);width: 100%}.wpl-card-title{margin: 0 0 var(--vaadin-gap-s);font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold)}.wpl-card-flush{padding: 0;overflow: hidden}.wpl-card-flush vaadin-grid{border: none;background: transparent}.wpl-grow{flex: 1;min-height: 0;display: flex;flex-direction: column}.wpl-grow>vaadin-grid{flex: 1;min-height: 0}.wpl-form{max-width: 420px;width: 100%}.wpl-empty{display: flex;flex-direction: column;align-items: center;gap: var(--vaadin-gap-s);padding: calc(var(--vaadin-padding-l) * 1.5) var(--vaadin-padding-l);text-align: center;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.wpl-empty vaadin-icon{color: var(--vaadin-text-color-disabled);width: 28px;height: 28px}vaadin-grid{--aura-surface-level: 0;border-radius: var(--vaadin-radius-l)}vaadin-grid::part(header-cell){font-size: var(--aura-font-size-xs);text-transform: uppercase;letter-spacing: 0.04em;font-weight: var(--aura-font-weight-medium);color: var(--vaadin-text-color-secondary)}.wpl-mono{font-family: ui-monospace,SFMono-Regular,'SF Mono',Menlo,monospace;font-size: var(--aura-font-size-s)}.wpl-row-actions{display: flex;gap: 4px;justify-content: flex-end}.wpl-danger:hover{--aura-accent-color-light: var(--aura-red);--aura-accent-color-dark: var(--aura-red);color: var(--aura-red-text)}.wpl-warn{display: flex;gap: var(--vaadin-gap-s);align-items: flex-start;padding: var(--vaadin-padding-s);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-red) 12%,transparent);border: 1px solid color-mix(in srgb,var(--aura-red) 35%,transparent);color: var(--aura-red-text);font-size: var(--aura-font-size-s);line-height: var(--aura-line-height-s);font-weight: var(--aura-font-weight-medium)}.wpl-explain{margin: 0;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);line-height: var(--aura-line-height-l)}.wpl-lang{border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);padding: 2px;gap: 2px}.wpl-lang-btn{background-color: transparent !important;color: var(--vaadin-text-color-secondary) !important;min-width: 0;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-medium);padding-inline: 10px}.wpl-lang-btn:hover{color: var(--vaadin-text-color) !important;background-color: var(--vaadin-background-container) !important}.wpl-lang-on,.wpl-lang-on[disabled]{background-color: var(--aura-surface-color-solid) !important;color: var(--vaadin-text-color) !important;font-weight: var(--aura-font-weight-semibold);box-shadow: var(--aura-shadow-xs);opacity: 1 !important}.wpl-login .wpl-lang{justify-content: center;margin-inline: auto}.wpl-form-card{max-width: 520px}html{--aura-contrast-level: 3}::part(input-field){--aura-surface-opacity: 1;border: 1px solid var(--vaadin-border-color)}vaadin-text-field>label,vaadin-text-area>label,vaadin-combo-box>label,vaadin-select>label,vaadin-password-field>label,vaadin-date-picker>label{color: var(--vaadin-text-color)}:is(vaadin-text-field,vaadin-text-area,vaadin-combo-box,vaadin-select,vaadin-password-field,vaadin-date-picker)[focus-ring]::part(input-field){outline: 2px solid var(--vaadin-focus-ring-color);outline-offset: 1px}:is(vaadin-button,vaadin-menu-bar-button,vaadin-drawer-toggle)[focus-ring],vaadin-checkbox[focus-ring]::part(checkbox),vaadin-side-nav-item[focus-ring]::part(content),vaadin-grid-cell-content:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline: 2px solid var(--vaadin-focus-ring-color);outline-offset: 2px}.wpl-danger:hover,.wpl-danger[focus-ring],.wpl-danger:focus-visible{--aura-accent-color-light: var(--aura-red);--aura-accent-color-dark: var(--aura-red);color: var(--aura-red-text)}@media (max-width: 800px){vaadin-split-layout{flex-direction: column}vaadin-split-layout>*{width: 100% !important;height: auto !important;min-height: 240px}.wpl-page{padding: var(--vaadin-padding-l)}.wpl-page-head{flex-direction: column}}.wpl-note{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;font-size: var(--aura-font-size-xs);line-height: var(--aura-line-height-xs);font-weight: var(--aura-font-weight-medium);padding: 4px 8px;border-radius: var(--vaadin-radius-m);max-width: 34ch}.wpl-note vaadin-icon{width: 14px;height: 14px;flex: none}.wpl-note-error{color: var(--aura-red-text);background: color-mix(in srgb,var(--aura-red) 12%,transparent)}.wpl-note-contrast{color: var(--vaadin-text-color-secondary);background: var(--vaadin-background-container)}.wpl-note-detail{flex-basis: 100%;font-weight: var(--aura-font-weight-regular);opacity: 0.9}vaadin-button[theme~="tertiary"]:not(.wpl-danger):not(.wpl-lang-btn){color: var(--vaadin-text-color)}vaadin-button[theme~="tertiary"]:not(.wpl-danger):not(.wpl-lang-btn):hover{background-color: var(--vaadin-background-container)}.wpl-danger{color: var(--vaadin-text-color-secondary)}.wpl-login-panel{width: 100%;gap: var(--vaadin-gap-m)}.wpl-login-panel>p.wpl-explain{margin: 0 0 4px;text-align: center}.wpl-login-panel vaadin-text-field::part(label){margin-block-end: 4px}.wpl-login-panel vaadin-button[theme~="primary"]{height: 44px;font-weight: var(--aura-font-weight-semibold)}::part(input-field){--vaadin-focus-ring-width: 2px}.wpl-form-card .wpl-explain{margin-block-start: var(--vaadin-gap-l)}.wpl-form-card vaadin-button{margin-block-start: var(--vaadin-gap-s)}