@font-face{font-family: "Montserrat";font-style: normal;font-weight: 400 800;font-display: swap;src: url("fonts/montserrat-latin.woff2") format("woff2")}html{--afal-navy: #1b269d;--afal-blue: #00a9ff;--afal-red: #ff1400;--afal-red-text: #c81000;--afal-sky: #d9f2ff;--afal-header-gradient: linear-gradient(135deg,var(--afal-navy) 0%,#0c83be 100%);--afal-on-brand: #ffffff;--afal-card-background: #ffffff;--afal-tint-blue: color-mix(in srgb,var(--afal-blue) 12%,transparent);--afal-tint-blue-strong: color-mix(in srgb,var(--afal-blue) 35%,transparent);--afal-tint-red: color-mix(in srgb,var(--afal-red) 10%,transparent);--afal-tint-warning: color-mix(in srgb,#ff9800 14%,transparent);--lumo-font-family: "Montserrat",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--lumo-primary-color: var(--afal-navy);--lumo-primary-color-50pct: color-mix(in srgb,var(--afal-navy) 50%,transparent);--lumo-primary-color-10pct: color-mix(in srgb,var(--afal-navy) 10%,transparent);--lumo-primary-text-color: var(--afal-navy);--lumo-error-color: var(--afal-red-text);--lumo-error-text-color: var(--afal-red-text)}html[theme~="dark"]{--afal-red-text: #ff6a5c;--afal-card-background: var(--lumo-base-color);--lumo-base-color: #12152a;--lumo-primary-color: var(--afal-blue);--lumo-primary-color-50pct: color-mix(in srgb,var(--afal-blue) 50%,transparent);--lumo-primary-color-10pct: color-mix(in srgb,var(--afal-blue) 12%,transparent);--lumo-primary-text-color: #5cc8ff;--lumo-primary-contrast-color: #0b0e1f}.afal-header{padding-right: var(--lumo-space-m)}.afal-title{min-width: 0;margin: 0;overflow: hidden;font-size: var(--lumo-font-size-l);white-space: nowrap;text-overflow: ellipsis;color: var(--lumo-primary-text-color)}.afal-global-search{width: 18em;--vaadin-combo-box-overlay-width: 24em}.afal-account-avatar{--vaadin-avatar-size: 2.1em;background: var(--afal-navy);color: var(--afal-on-brand);cursor: pointer}@media screen and (max-width: 600px){.afal-global-search{width: 8.5em}.afal-title{font-size: var(--lumo-font-size-m)}}.afal-version{padding: var(--lumo-space-m);font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.afal-login{background: var(--afal-header-gradient)}.afal-login h1{color: white;text-align: center;font-size: var(--lumo-font-size-xxl)}.afal-page-header{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-m);width: 100%;box-sizing: border-box;padding: var(--lumo-space-m) var(--lumo-space-l);border-radius: var(--lumo-border-radius-l);background: var(--afal-header-gradient);color: white}.afal-page-header-icon{width: 28px;height: 28px}.afal-page-header-text{flex: 1 1 200px}.afal-page-header-title{font-size: var(--lumo-font-size-xl);font-weight: 700}.afal-page-header-subtitle{font-size: var(--lumo-font-size-s);opacity: 0.85}.afal-page-header-kpis,.afal-page-header-actions{display: flex;flex-wrap: wrap;gap: var(--lumo-space-s);align-items: center}.afal-page-header-actions vaadin-button:not([theme~="primary"]){color: white}.afal-page-header-actions vaadin-combo-box::part(input-field){background: var(--lumo-base-color)}.afal-kpi{padding: var(--lumo-space-xs) var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);background: color-mix(in srgb,var(--afal-on-brand) 14%,transparent);text-align: center}.afal-kpi-value{font-size: var(--lumo-font-size-l);font-weight: 700}.afal-kpi-label{font-size: var(--lumo-font-size-xs);opacity: 0.85}.afal-rights-legend{flex-wrap: wrap;font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.afal-rights-cell{min-width: 90px;padding: 0 var(--lumo-space-s);border-radius: var(--lumo-border-radius-m);font-size: var(--lumo-font-size-s)}span.afal-rights-cell{display: inline-block;min-width: 0;text-align: center}.afal-rights-no-access{background: var(--lumo-contrast-5pct);color: var(--lumo-tertiary-text-color)}.afal-rights-read-only{background: var(--afal-tint-blue);color: var(--lumo-primary-text-color)}.afal-rights-read-write{background: var(--afal-tint-blue-strong);color: var(--lumo-primary-text-color)}.afal-rights-full-access{background: var(--afal-navy);color: white}.afal-rights-changed{outline: 2px dashed var(--afal-red-text);outline-offset: 1px}vaadin-grid::part(afal-rights-folder-row){font-weight: 600;background: var(--lumo-contrast-5pct)}.afal-rights-pending-bar{padding: var(--lumo-space-s) var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);background: var(--afal-tint-red)}.afal-auth-card{max-width: 360px;padding: var(--lumo-space-l);border-radius: var(--lumo-border-radius-l);background: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-m)}.afal-auth-card h2{margin-top: 0}.afal-grid-toolbar{margin-bottom: var(--lumo-space-s)}.afal-grid-filter-field{--vaadin-text-field-default-width: 0;--vaadin-combo-box-default-width: 0}.afal-grid-filter-badge{margin-left: var(--lumo-space-xs);padding: 1px 6px;border-radius: 50%;background-color: var(--afal-navy);color: white;font-size: var(--lumo-font-size-xs);font-weight: 700}.afal-grid-filters-active{color: var(--lumo-primary-text-color)}.afal-grid-exclude-toggle{min-width: 24px;margin: 0;padding: 0;font-weight: 700}.afal-grid-exclude-toggle--active{color: var(--afal-red-text)}.afal-grid-selection-bar{margin-bottom: var(--lumo-space-s);padding: var(--lumo-space-xs) var(--lumo-space-s);border-radius: var(--lumo-border-radius-m);background-color: var(--afal-tint-blue)}.afal-grid-selection-count{font-weight: 600;color: var(--lumo-primary-text-color)}.afal-grid-empty-state{color: var(--lumo-secondary-text-color);font-style: italic}.afal-excel-preview-count{margin-right: auto;color: var(--lumo-secondary-text-color)}vaadin-grid::part(row-danger){background: var(--afal-tint-red)}vaadin-grid::part(row-warning){background: var(--afal-tint-warning)}vaadin-grid::part(row-success){background: var(--lumo-success-color-10pct)}@media screen and (max-width: 768px){.afal-hide-on-mobile{display: none !important}.afal-grid-toolbar{flex-wrap: wrap;row-gap: var(--lumo-space-xs)}.afal-grid-toolbar>vaadin-text-field{flex: 1 1 100%}}.afal-site-preview{min-height: 320px;padding: var(--lumo-space-m);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m)}.afal-import-steps{margin: 0;padding-left: var(--lumo-space-l);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.afal-import-summary{width: 100%;font-size: var(--lumo-font-size-s)}.afal-import-outcome{color: var(--lumo-success-text-color);font-weight: 500}.afal-import-outcome-error{color: var(--lumo-error-text-color);font-weight: 500}.afal-import-file-messages{margin: var(--lumo-space-xs) 0 0;color: var(--lumo-warning-text-color,var(--lumo-secondary-text-color))}.afal-receipt-download{display: inline-flex;text-decoration: none}.afal-receipt-actions{align-items: center}.afal-sepa-iban input{font-family: var(--lumo-font-family-monospace,monospace);letter-spacing: 0.05em}.afal-sepa-preview-summary{margin: 0;font-weight: 600;color: var(--lumo-primary-text-color)}.afal-sepa-excluded{width: 100%;color: var(--lumo-secondary-text-color)}.afal-member-card{width: min(420px,100%);border-radius: 14px;overflow: hidden;background: #ffffff;color: #1f2933;box-shadow: var(--lumo-box-shadow-m)}.afal-member-card-head{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--lumo-space-s);padding: var(--lumo-space-m) var(--lumo-space-m) var(--lumo-space-s)}.afal-member-card-logo{height: 44px;max-width: 60%;object-fit: contain}.afal-member-card-heading{display: flex;flex-direction: column;align-items: flex-end;gap: var(--lumo-space-xs);text-align: right}.afal-member-card-title{font-size: var(--lumo-font-size-xs);font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--afal-navy)}.afal-member-card-season{padding: 2px 10px;border-radius: 999px;background: var(--afal-sky);color: var(--afal-navy);font-size: var(--lumo-font-size-s);font-weight: 700}.afal-member-card-stripe{display: flex;height: 6px}.afal-member-card-stripe span:nth-child(1){flex: 5;background: var(--afal-navy)}.afal-member-card-stripe span:nth-child(2){flex: 3;background: var(--afal-blue)}.afal-member-card-stripe span:nth-child(3){flex: 2;background: var(--afal-red)}.afal-member-card-body{display: flex;align-items: center;justify-content: space-between;gap: var(--lumo-space-m);padding: var(--lumo-space-m)}.afal-member-card-holder{margin-bottom: var(--lumo-space-s);font-size: var(--lumo-font-size-l);font-weight: 700;color: var(--afal-navy)}.afal-member-card-line{font-size: var(--lumo-font-size-s);color: #52606d}.afal-member-card-qr{width: 120px;height: 120px;flex-shrink: 0}.afal-member-card-foot{padding: var(--lumo-space-s) var(--lumo-space-m);background: var(--afal-navy);color: #ffffff;font-size: var(--lumo-font-size-xs)}.afal-read-only-details vaadin-form-item{overflow-wrap: anywhere}.afal-brand{display: flex;align-items: center;padding: var(--lumo-space-m) var(--lumo-space-m) var(--lumo-space-s)}.afal-brand img{width: 100%;max-width: 220px;height: auto}.afal-login-logo{width: min(220px,60vw);height: auto;padding: var(--lumo-space-m);border-radius: var(--lumo-border-radius-l);background: #ffffff;box-shadow: var(--lumo-box-shadow-m)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;transition-duration: 0.01ms !important}}@media print{vaadin-app-layout::part(navbar),vaadin-app-layout::part(drawer),vaadin-button,.afal-grid-toolbar,.afal-page-header-actions{display: none !important}.afal-page-header{background: none;color: #000000;border-bottom: 2px solid var(--afal-navy);border-radius: 0}.afal-kpi{background: none;border: 1px solid #cccccc}}.afal-home-row{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr));gap: var(--lumo-space-m);width: 100%}.afal-home-card{box-sizing: border-box;width: 100%;padding: var(--lumo-space-m) var(--lumo-space-l);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);background: var(--lumo-base-color)}.afal-home-card-title{margin: 0 0 var(--lumo-space-s);font-size: var(--lumo-font-size-l);color: var(--lumo-primary-text-color)}.afal-home-tasks{border-left: 4px solid var(--afal-red)}.afal-home-task{display: flex;align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-s) var(--lumo-space-xs);border-radius: var(--lumo-border-radius-m);color: var(--lumo-body-text-color);text-decoration: none}.afal-home-task span{flex: 1}.afal-home-task vaadin-icon:first-child{color: var(--lumo-primary-text-color)}.afal-home-task:hover,.afal-home-tile:hover{background: var(--lumo-primary-color-10pct)}.afal-home-tiles{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--lumo-space-s)}.afal-home-tile{display: flex;flex-direction: column;padding: var(--lumo-space-s) var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);background: var(--afal-tint-blue);color: var(--lumo-body-text-color);text-decoration: none}.afal-home-tile-value{font-size: var(--lumo-font-size-xl);font-weight: 700;color: var(--lumo-primary-text-color)}.afal-home-tile-label{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.afal-home-more{display: inline-block;margin-top: var(--lumo-space-m);font-weight: 600}@media screen and (max-width: 600px){vaadin-app-layout{--vaadin-app-layout-touch-optimized: true}}.afal-bottom-tabs:not([slot="navbar-bottom"]){display: none !important}.afal-bottom-tabs{display: flex;width: 100%;justify-content: space-around}.afal-bottom-tab{display: flex;flex: 1;flex-direction: column;align-items: center;gap: 2px;padding: var(--lumo-space-xs) 0;font-size: var(--lumo-font-size-xxs);color: var(--lumo-secondary-text-color);text-decoration: none}.afal-bottom-tab[highlight]{color: var(--lumo-primary-text-color);font-weight: 600}