PageSourceSearch

https://workvine.nl/apps/medewerker-app

html workvine.nl collected 2026-10-09 01:38:04 UTC 168,427 bytes, 1,277 lines download raw bytes

1<!DOCTYPE html><html lang="nl" dir="ltr" data-beasties-container><head>
2  <meta charset="utf-8">
3  <title>Medewerker App voor rooster, acties en communicatie | WorkVine</title>
4  <base href="/">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6  <meta name="description" content="De WorkVine Medewerker App geeft medewerkers één plek voor rooster, acties, verlof, uren, trainingen, certificaten, communicatie en updates. Beschikbaar via web, iOS en Android.">
7  <meta name="author" content="WorkVine">
8  <meta name="robots" content="index, follow">
9  <meta name="referrer" content="no-referrer">
10  <link rel="canonical" href="https://workvine.nl/apps/medewerker-app">
11  <link rel="describedby" href="/llms.txt">
12
13  <!-- Generic Open Graph fallback (do not overwrite dynamic meta tags) -->
14  <meta property="og:type" content="website">
15
16
17  <!-- Fonts and Icons -->
18  <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
19  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
20  <style>@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
20unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
20unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style>
21  <style>@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}</style>
22
23  <style>@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v374/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}</style>
24  <!-- Favicon -->
25  <link rel="icon" href="/favicon.ico" type="image/x-icon">
26
27
28<style>:root{--wv-navy-950: #08263d;--wv-navy-900: #102f4d;--wv-navy-800: #144b64;--wv-navy-700: #173c59;--wv-navy-600: #255871;--wv-green-800: #267e67;--wv-green-700: #2f8f73;--wv-green-500: #75c9a4;--wv-green-300: #96d6b4;--wv-green-100: #e8f7f0;
28--wv-green-50: #f7fbf9;--wv-yellow-500: #ffe34d;--wv-yellow-600: #ffdd2e;--wv-text-primary: #102f4d;--wv-text-secondary: #173c59;--wv-text-muted: rgba(23, 60, 89, .72);--wv-text-soft: rgba(23, 60, 89, .62);--wv-text-inverse: #ffffff;--wv-background: #ffffff;--wv-background-soft: #fbfdfc;--wv-background-muted: #f7fbf9;--wv-background-dark: #102f4d;--wv-surface: #ffffff;--wv-surface-soft: #fbfdfc;--wv-surface-green: #f7fbf9;--wv-surface-navy: #102f4d;--wv-border-soft: rgba(16, 47, 77, .07);--wv-border-medium: rgba(16, 47, 77, .12);--wv-border-green: rgba(38, 126, 103, .18);--wv-shadow-xs: 0 .25rem .75rem rgba(16, 47, 77, .035);--wv-shadow-sm: 0 .35rem 1rem rgba(16, 47, 77, .045);--wv-shadow-md: 0 .75rem 1.6rem rgba(16, 47, 77, .08);--wv-shadow-lg: 0 1rem 2.4rem rgba(16, 47, 77, .075);--wv-radius-sm: .58rem;--wv-radius-md: .82rem;--wv-radius-lg: 1.1rem;--wv-radius-xl: 1.5rem;--wv-button-primary-bg: #ffe34d;--wv-button-primary-bg-hover: #ffdd2e;--wv-button-primary-text: #102f4d;--wv-button-secondary-bg: #ffffff;--wv-button-secondary-text: #173c59;--wv-button-secondary-border: rgba(16, 47, 77, .14);--wv-button-dark-bg: #144b64;--wv-button-dark-bg-hover: #102f4d;--wv-button-dark-text: #ffffff;--wv-max-width: 1400px;--wv-content-width: 1180px;--wv-font-primary: "Inter", Arial, sans-serif;--wv-font-secondary: "Inter", Arial, sans-serif;--md-primary-color: var(--wv-navy-800);--md-on-primary-color: var(--wv-text-inverse);--md-primary-container-color: var(--wv-navy-600);--md-on-primary-container-color: var(--wv-text-inverse);--md-secondary-color: var(--wv-green-800);--md-on-secondary-color: var(--wv-text-inverse);--md-secondary-container-color: var(--wv-green-700);--md-on-secondary-container-color: var(--wv-text-inverse);--md-secondary-light: var(--wv-green-500);--md-secondary-dark: #1f6f59;--md-background-color: var(--wv-background);--md-on-background-color: var(--wv-text-secondary);--md-surface-color: var(--wv-surface);--md-on-surface-color: var(--wv-text-secondary);--md-background-muted: var(--wv-background-muted);--md-background-dark: #eef4f1;--md-surface-muted: var(--wv-surface-soft);--md-surface-highlight: var(--wv-green-50);--md-surface-dark: var(--wv-green-100);--md-button-primary: var(--wv-button-dark-bg);--md-on-button-primary: var(--wv-button-dark-text);--md-button-secondary: var(--wv-green-800);--md-on-button-secondary: var(--wv-text-inverse);--md-button-muted: #d7dedb;--md-on-button-muted: var(--wv-text-secondary);--md-border-color: var(--wv-border-soft);--md-shadow-light: rgba(16, 47, 77, .05);--md-shadow-dark: rgba(16, 47, 77, .15);--md-gray-50: #fafafa;--md-gray-100: #f5f7f6;--md-gray-200: #e5ece9;--md-gray-300: #cbd8d3;--md-gray-400: #9baaa5;--md-gray-500: #74847f;--md-gray-600: #5f6f6a;--md-gray-700: #3b4a46;--md-gray-800: #1f2c29;--md-max-width: var(--wv-max-width);--font-primary: var(--wv-font-primary);--font-secondary: var(--wv-font-secondary);--font-family: var(--wv-font-primary);--blog-primary: var(--wv-navy-800);--blog-text: var(--wv-text-secondary);--blog-text-secondary: var(--wv-text-muted);--blog-placeholder: rgba(23, 60, 89, .48);--blog-breadcrumb: var(--wv-text-soft);--blog-step-title: var(--wv-green-50);--blog-card-bg: var(--wv-navy-800);--blog-card-bg-light: var(--wv-green-50);--blog-newsletter-bg: var(--wv-green-50);--blog-table-zebra-row: #eef5f2;--blog-table-row: #ffffff;--blog-text-gray: var(--wv-text-muted);--blog-table-text: var(--wv-text-secondary)}html,body{min-height:100%;margin:0;padding:0;color:var(--wv-text-secondary);background-color:var(--wv-background);font-family:var(--wv-font-primary)}body{overflow-x:hidden}mat-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit;background:none;font-size:inherit;line-height:1;padding:0}h1,h2,h3{font-family:var(--font-primary);margin:0}p,span,a,button{font-family:var(--font-secondary)}button{font-size:.875rem;line-height:1.5;font-weight:600;text-transform:uppercase;letter-spacing:.5px}h1{font-size:2.5rem;line-height:1.2;font-weight:700}h2{font-size:2rem;line-height:1.3;font-weight:700}h3{font-size:1.75rem;line-height:1.3;font-weight:700}p{font-size:1rem;line-height:1.6;font-weight:400}small{font-size:.75rem;line-height:1.4;font-weight:400}html{--mat-sys-background: #f9f9f9;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f0f1f1;--mat-sys-inverse-primary: #9dcdeb;--mat-sys-inverse-surface: #2f3131;--mat-sys-on-background: #1a1c1c;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #154c65;--mat-sys-on-primary-fixed: #001e2c;--mat-sys-on-primary-fixed-variant: #154c65;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #205100;--mat-sys-on-secondary-fixed: #092100;--mat-sys-on-secondary-fixed-variant: #205100;--mat-sys-on-surface: #1a1c1c;--mat-sys-on-surface-variant: #41484c;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #42484b;--mat-sys-on-tertiary-fixed: #171c1f;--mat-sys-on-tertiary-fixed-variant: #42484b;--mat-sys-outline: #71787d;--mat-sys-outline-variant: #c1c7cd;--mat-sys-primary: #32647e;--mat-sys-primary-container: #c4e7ff;--mat-sys-primary-fixed: #c4e7ff;--mat-sys-primary-fixed-dim: #9dcdeb;--mat-sys-scrim: #000000;--mat-sys-secondary: #2d6c00;--mat-sys-secondary-container: #a3f871;--mat-sys-secondary-fixed: #a3f871;--mat-sys-secondary-fixed-dim: #89db58;--mat-sys-shadow: #000000;--mat-sys-surface: #f9f9f9;--mat-sys-surface-bright: #f9f9f9;--mat-sys-surface-container: #eeeeee;--mat-sys-surface-container-high: #e8e8e8;--mat-sys-surface-container-highest: #e2e2e2;--mat-sys-surface-container-low: #f3f3f4;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dadada;--mat-sys-surface-tint: #32647e;--mat-sys-surface-variant: #dde3e9;--mat-sys-tertiary: #595f62;--mat-sys-tertiary-container: #dee3e7;--mat-sys-tertiary-fixed: #dee3e7;--mat-sys-tertiary-fixed-dim: #c2c7cb;--mat-sys-neutral-variant20: #2b3136;--mat-sys-neutral10: #1a1c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem var(--font-secondary);--mat-sys-body-large-font: var(--font-secondary);--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem var(--font-secondary);--mat-sys-body-medium-font: var(--font-secondary);--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;
28--mat-sys-body-small: 400 .75rem / 1rem var(--font-secondary);--mat-sys-body-small-font: var(--font-secondary);--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem var(--font-primary);--mat-sys-display-large-font: var(--font-primary);--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem var(--font-primary);--mat-sys-display-medium-font: var(--font-primary);--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem var(--font-primary);--mat-sys-display-small-font: var(--font-primary);--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem var(--font-primary);--mat-sys-headline-large-font: var(--font-primary);--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--font-primary);--mat-sys-headline-medium-font: var(--font-primary);--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem var(--font-primary);--mat-sys-headline-small-font: var(--font-primary);--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 600 .875rem / 1.25rem var(--font-secondary);--mat-sys-label-large-font: var(--font-secondary);--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 600;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 600 .75rem / 1rem var(--font-secondary);--mat-sys-label-medium-font: var(--font-secondary);--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 600;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 600 .688rem / 1rem var(--font-secondary);--mat-sys-label-small-font: var(--font-secondary);--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 600;--mat-sys-title-large: 400 1.375rem / 1.75rem var(--font-primary);--mat-sys-title-large-font: var(--font-primary);--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 600 1rem / 1.5rem var(--font-secondary);--mat-sys-title-medium-font: var(--font-secondary);--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 600;--mat-sys-title-small: 600 .875rem / 1.25rem var(--font-secondary);--mat-sys-title-small-font: var(--font-secondary);--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 600;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}.ehr-container{height:100%;min-height:100vh;min-height:100svh}.ehr-container mat-sidenav-content{display:flex;flex-direction:column;flex-grow:1}.ehr-container main{flex:1}.ehr-container ehr-footer{flex-shrink:0;margin-top:auto}.mat-drawer-content{flex-grow:1!important;overflow-x:hidden!important}mat-sidenav{width:min(20rem,88vw)!important;background-color:var(--md-surface-color)}mat-sidenav .mobile-menu{display:flex;flex-direction:column;justify-content:flex-start;max-width:none;padding:.75rem 1.25rem 1.5rem;margin:0 auto}mat-sidenav .mobile-menu img{width:auto;max-width:11rem;height:42px;padding-bottom:1rem}mat-sidenav .mobile-menu button,mat-sidenav .mobile-menu>a{font-size:1rem;font-weight:500;text-align:left;padding:.8rem 1rem}mat-sidenav .mobile-menu button:hover,mat-sidenav .mobile-menu>a:hover{background-color:var(--md-primary-container-color)!important;color:var(--md-on-primary-container-color)!important}mat-sidenav .mobile-menu>a{display:grid;height:auto;min-height:3rem;align-content:center;justify-content:stretch;color:var(--md-primary-color);text-decoration:none}mat-sidenav .mobile-menu>a .mdc-button__label{display:grid;width:100%;gap:.15rem;justify-items:start}mat-sidenav .mobile-menu>a .mdc-button__label>span{line-height:1.25}mat-sidenav .mobile-menu>a small{color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:.78rem;line-height:1.25}mat-sidenav .mobile-menu .mobile-menu__divider{height:1px;margin:.7rem 0;background:#102f4d1a}mat-sidenav .mobile-menu .mobile-menu__section-label{margin:0;padding:.45rem 1rem .25rem;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:.75rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}mat-sidenav .mobile-menu .mobile-language-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;margin:.35rem 0 1rem;padding:.25rem;border:1px solid rgba(16,47,77,.14);border-radius:.65rem;background:#102f4d06}mat-sidenav .mobile-menu .mobile-language-switch span,mat-sidenav .mobile-menu .mobile-language-switch a{display:grid;min-height:2.5rem;place-items:center;border-radius:.45rem;font-size:.9rem;font-weight:700;text-decoration:none}mat-sidenav .mobile-menu .mobile-language-switch span{color:var(--md-on-primary-color);background:var(--md-primary-color)}mat-sidenav .mobile-menu .mobile-language-switch a{color:var(--md-primary-color)}mat-sidenav .mobile-menu .mobile-language-switch a:hover,mat-sidenav .mobile-menu .mobile-language-switch a:focus-visible{color:var(--wv-green-800, #267e67);background:#267e6714;outline:none}.primary-cta-btn{font-weight:600!important;background-color:var(--md-primary-color)!important;color:var(--md-on-primary-color)!important}.primary-cta-btn:hover{background-color:var(--md-primary-container-color)!important}.nav-menu-btn{font-size:1rem!important;font-weight:500!important;color:var(--md-primary-color)!important}.nav-menu-btn:hover{color:var(--md-primary-container-color)!important}.header-toolbar{position:sticky;top:0;z-index:10;min-height:64px;background-color:var(--md-surface-color);box-shadow:0 2px 4px #0000001a}.header-toolbar .toolbar-container{width:100%;max-width:var(--md-max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;
28height:64px;padding:0 2rem}.header-toolbar .logo{display:flex;align-items:center}.header-toolbar .logo .logo-image{display:block;height:42px;width:auto}.header-toolbar .spacer{flex:1 1 auto}.header-toolbar .desktop-menu{display:flex;align-items:center;gap:.65rem}.header-toolbar .desktop-menu .nav-menu-btn{font-size:1rem;font-weight:500;color:var(--md-primary-color)}.header-toolbar .desktop-menu .nav-menu-btn:hover{color:var(--md-primary-container-color)}.header-toolbar .header-actions{display:flex;align-items:center;gap:.35rem;margin-left:.75rem;padding-left:.75rem;border-left:1px solid rgba(16,47,77,.12)}.header-toolbar .header-actions .language-switch{display:inline-flex;align-items:center;gap:.15rem;padding:.2rem;border:1px solid rgba(16,47,77,.14);border-radius:.6rem;background:#102f4d06}.header-toolbar .header-actions .language-switch__option{display:inline-grid;min-width:2rem;height:2rem;place-items:center;border-radius:.42rem;color:var(--md-primary-color);font-size:.78rem;font-weight:750;line-height:1;text-decoration:none}.header-toolbar .header-actions .language-switch__option:hover,.header-toolbar .header-actions .language-switch__option:focus-visible{color:var(--wv-green-800, #267e67);background:#267e6714;outline:none}.header-toolbar .header-actions .language-switch__option:focus-visible{box-shadow:0 0 0 3px #267e6733}.header-toolbar .header-actions .language-switch__option--current{color:var(--md-on-primary-color);background:var(--md-primary-color)}.header-toolbar .header-actions .login-trigger{color:var(--md-primary-color);font-weight:650}.header-toolbar .header-actions .login-trigger mat-icon{width:1.15rem;height:1.15rem;margin-left:.1rem;font-size:1.15rem}.header-toolbar .header-actions .primary-cta-btn{font-weight:600;background-color:var(--md-primary-color);color:var(--md-on-primary-color)}.header-toolbar .header-actions .primary-cta-btn:hover{background-color:var(--md-primary-container-color)}.header-toolbar .mobile-menu-icon{display:none;align-items:center}.header-toolbar .mobile-menu-icon .menu-toggle{color:var(--md-primary-color)}.header-toolbar .mobile-menu-icon .menu-toggle .menu-toggle__icon{display:grid;width:1.35rem;gap:.27rem}.header-toolbar .mobile-menu-icon .menu-toggle .menu-toggle__icon span{display:block;height:2px;border-radius:999px;background:currentColor;transform-origin:center;transition:transform .16s ease,opacity .16s ease}@media(max-width:1180px){.header-toolbar{min-height:56px}.header-toolbar .toolbar-container{height:56px;padding:0 1rem}.header-toolbar .logo-image{height:38px}.header-toolbar .desktop-menu,.header-toolbar .header-actions{display:none}.header-toolbar .mobile-menu-icon{display:flex}}
29</style><link rel="stylesheet" href="styles-PCMJCUBH.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-PCMJCUBH.css"></noscript><style ng-app-id="ng">.scroll-cue[_ngcontent-ng-c4002164871]{display:none}@media(max-width:768px){.scroll-cue[_ngcontent-ng-c4002164871]{display:flex;justify-content:center;margin-top:1rem;animation:_ngcontent-ng-c4002164871_bounce 2s infinite}.scroll-cue[_ngcontent-ng-c4002164871]   mat-icon[_ngcontent-ng-c4002164871]{font-size:2.5rem;color:var(--md-gray-500)}}@keyframes _ngcontent-ng-c4002164871_bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.sticky-cta[_ngcontent-ng-c4002164871]{position:fixed;bottom:0;left:0;width:calc(100% - 2rem)!important;background:var(--md-surface-color);padding:.75rem 1rem;box-shadow:0 -2px 8px #0000001a;display:flex;justify-content:center;gap:.5rem;z-index:1000}.sticky-cta[_ngcontent-ng-c4002164871]   button[_ngcontent-ng-c4002164871]{width:100%;max-width:40%;font-size:1rem;padding:.75rem}@media(min-width:769px){.sticky-cta[_ngcontent-ng-c4002164871]{display:none}}</style><style ng-app-id="ng">.mat-drawer-container {
30  position: relative;
31  z-index: 1;
32  color: var(--mat-sidenav-content-text-color, var(--mat-sys-on-background));
33  background-color: var(--mat-sidenav-content-background-color, var(--mat-sys-background));
34  box-sizing: border-box;
35  display: block;
36  overflow: hidden;
37}
38.mat-drawer-container[fullscreen] {
39  top: 0;
40  left: 0;
41  right: 0;
42  bottom: 0;
43  position: absolute;
44}
45.mat-drawer-container[fullscreen].mat-drawer-container-has-open {
46  overflow: hidden;
47}
48.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {
49  z-index: 3;
50}
51.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,
52.mat-drawer-container.ng-animate-disabled .mat-drawer-content, .ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,
53.ng-animate-disabled .mat-drawer-container .mat-drawer-content {
54  transition: none;
55}
56
57.mat-drawer-backdrop {
58  top: 0;
59  left: 0;
60  right: 0;
61  bottom: 0;
62  position: absolute;
63  display: block;
64  z-index: 3;
65  visibility: hidden;
66}
67.mat-drawer-backdrop.mat-drawer-shown {
68  visibility: visible;
69  background-color: var(--mat-sidenav-scrim-color, color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent));
70}
71.mat-drawer-transition .mat-drawer-backdrop {
72  transition-duration: 400ms;
73  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
74  transition-property: background-color, visibility;
75}
76@media (forced-colors: active) {
77  .mat-drawer-backdrop {
78    opacity: 0.5;
79  }
80}
81
82.mat-drawer-content {
83  position: relative;
84  z-index: 1;
85  display: block;
86  height: 100%;
87  overflow: auto;
88}
89.mat-drawer-content.mat-drawer-content-hidden {
90  opacity: 0;
91}
92.mat-drawer-transition .mat-drawer-content {
93  transition-duration: 400ms;
94  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
95  transition-property: transform, margin-left, margin-right;
96}
97
98.mat-drawer {
99  position: relative;
100  z-index: 4;
101  color: var(--mat-sidenav-container-text-color, var(--mat-sys-on-surface-variant));
102  box-shadow: var(--mat-sidenav-container-elevation-shadow, none);
103  background-color: var(--mat-sidenav-container-background-color, var(--mat-sys-surface));
104  border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
105  border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
106  width: var(--mat-sidenav-container-width, 360px);
107  display: block;
108  position: absolute;
109  top: 0;
110  bottom: 0;
111  z-index: 3;
112  outline: 0;
113  box-sizing: border-box;
114  overflow-y: auto;
115  transform: translate3d(-100%, 0, 0);
116}
117@media (forced-colors: active) {
118  .mat-drawer, [dir=rtl] .mat-drawer.mat-drawer-end {
119    border-right: solid 1px currentColor;
120  }
121}
122@media (forced-colors: active) {
123  [dir=rtl] .mat-drawer, .mat-drawer.mat-drawer-end {
124    border-left: solid 1px currentColor;
125    border-right: none;
126  }
127}
128.mat-drawer.mat-drawer-side {
129  z-index: 2;
130}
131.mat-drawer.mat-drawer-end {
132  right: 0;
133  transform: translate3d(100%, 0, 0);
134  border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
135  border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
136  border-top-right-radius: 0;
137  border-bottom-right-radius: 0;
138}
139[dir=rtl] .mat-drawer {
140  border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
141  border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
142  border-top-right-radius: 0;
143  border-bottom-right-radius: 0;
144  transform: translate3d(100%, 0, 0);
145}
146[dir=rtl] .mat-drawer.mat-drawer-end {
147  border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
148  border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
149  border-top-left-radius: 0;
150  border-bottom-left-radius: 0;
151  left: 0;
152  right: auto;
153  transform: translate3d(-100%, 0, 0);
154}
155.mat-drawer-transition .mat-drawer {
156  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
157}
158.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) {
159  visibility: hidden;
160  box-shadow: none;
161}
162.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container {
163  display: none;
164}
165.mat-drawer.mat-drawer-opened.mat-drawer-opened {
166  transform: none;
167}
168
169.mat-drawer-side {
170  box-shadow: none;
171  border-right-color: var(--mat-sidenav-container-divider-color, transparent);
172  border-right-width: 1px;
173  border-right-style: solid;
174}
175.mat-drawer-side.mat-drawer-end {
176  border-left-color: var(--mat-sidenav-container-divider-color, transparent);
177  border-left-width: 1px;
178  border-left-style: solid;
179  border-right: none;
180}
181[dir=rtl] .mat-drawer-side {
182  border-left-color: var(--mat-sidenav-container-divider-color, transparent);
183  border-left-width: 1px;
184  border-left-style: solid;
185  border-right: none;
186}
187[dir=rtl] .mat-drawer-side.mat-drawer-end {
188  border-right-color: var(--mat-sidenav-container-divider-color, transparent);
189  border-right-width: 1px;
190  border-right-style: solid;
191  border-left: none;
192}
193
194.mat-drawer-inner-container {
195  width: 100%;
196  height: 100%;
197  overflow: auto;
198}
199
200.mat-sidenav-fixed {
201  position: fixed;
202}
203</style><style ng-app-id="ng">.cdk-visually-hidden {
204  border: 0;
205  clip: rect(0 0 0 0);
206  height: 1px;
207  margin: -1px;
208  overflow: hidden;
209  padding: 0;
210  position: absolute;
211  width: 1px;
212  white-space: nowrap;
213  outline: 0;
214  -webkit-appearance: none;
215  -moz-appearance: none;
216  left: 0;
217}
218[dir=rtl] .cdk-visually-hidden {
219  left: auto;
220  right: 0;
221}
222</style><style ng-app-id="ng">.mat-mdc-button-base {
223  text-decoration: none;
224}
225.mat-mdc-button-base .mat-icon {
226  min-height: fit-content;
227  flex-shrink: 0;
228}
229@media (hover: none) {
230  .mat-mdc-button-base:hover > span.mat-mdc-button-persistent-ripple::before {
231    opacity: 0;
232  }
233}
234
235.mdc-button {
236  -webkit-user-select: none;
237  user-select: none;
238  position: relative;
239  display: inline-flex;
240  align-items: center;
241  justify-content: center;
242  box-sizing: border-box;
243  min-width: 64px;
244  border: none;
245  outline: none;
246  line-height: inherit;
247  -webkit-appearance: none;
248  overflow: visible;
249  vertical-align: middle;
250  background: transparent;
251  padding: 0 8px;
252}
253.mdc-button::-moz-focus-inner {
254  padding: 0;
255  border: 0;
256}
257.mdc-button:active {
258  outline: none;
259}
260.mdc-button:hover {
261  cursor: pointer;
262}
263.mdc-button:disabled {
264  cursor: default;
265  pointer-events: none;
266}
267.mdc-button[hidden] {
268  display: none;
269}
270.mdc-button .mdc-button__label {
271  position: relative;
272}
273
274.mat-mdc-button {
275  padding: 0 var(--mat-button-text-horizontal-padding, 12px);
276  height: var(--mat-button-text-container-height, 40px);
277  font-family: var(--mat-button-text-label-text-font, var(--mat-sys-label-large-font));
278  font-size: var(--mat-button-text-label-text-size, var(--mat-sys-label-large-size));
279  letter-spacing: var(--mat-button-text-label-text-tracking, var(--mat-sys-label-large-tracking));
280  text-transform: var(--mat-button-text-label-text-transform);
281  font-weight: var(--mat-button-text-label-text-weight, var(--mat-sys-label-large-weight));
282}
283.mat-mdc-button, .mat-mdc-button .mdc-button__ripple {
284  border-radius: var(--mat-button-text-container-shape, var(--mat-sys-corner-full));
285}
286.mat-mdc-button:not(:disabled) {
287  color: var(--mat-button-text-label-text-color, var(--mat-sys-primary));
288}
289.mat-mdc-button[disabled], .mat-mdc-button.mat-mdc-button-disabled {
290  cursor: default;
291  pointer-events: none;
292  color: var(--mat-button-text-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
293}
294.mat-mdc-button.mat-mdc-button-disabled-interactive {
295  pointer-events: auto;
296}
297.mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]) {
298  padding: 0 var(--mat-button-text-with-icon-horizontal-padding, 16px);
299}
300.mat-mdc-button > .mat-icon {
301  margin-right: var(--mat-button-text-icon-spacing, 8px);
302  margin-left: var(--mat-button-text-icon-offset, -4px);
303}
304[dir=rtl] .mat-mdc-button > .mat-icon {
305  margin-right: var(--mat-button-text-icon-offset, -4px);
306  margin-left: var(--mat-button-text-icon-spacing, 8px);
307}
308.mat-mdc-button .mdc-button__label + .mat-icon {
309  margin-right: var(--mat-button-text-icon-offset, -4px);
310  margin-left: var(--mat-button-text-icon-spacing, 8px);
311}
312[dir=rtl] .mat-mdc-button .mdc-button__label + .mat-icon {
313  margin-right: var(--mat-button-text-icon-spacing, 8px);
314  margin-left: var(--mat-button-text-icon-offset, -4px);
315}
316.mat-mdc-button .mat-ripple-element {
317  background-color: var(--mat-button-text-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));
318}
319.mat-mdc-button .mat-mdc-button-persistent-ripple::before {
320  background-color: var(--mat-button-text-state-layer-color, var(--mat-sys-primary));
321}
322.mat-mdc-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
323  background-color: var(--mat-button-text-disabled-state-layer-color, var(--mat-sys-on-surface-variant));
324}
325.mat-mdc-button:hover > .mat-mdc-button-persistent-ripple::before {
326  opacity: var(--mat-button-text-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));
327}
328.mat-mdc-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {
329  opacity: var(--mat-button-text-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));
330}
331.mat-mdc-button:active > .mat-mdc-button-persistent-ripple::before {
332  opacity: var(--mat-button-text-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));
333}
334.mat-mdc-button .mat-mdc-button-touch-target {
335  position: absolute;
336  top: 50%;
337  height: var(--mat-button-text-touch-target-size, 48px);
338  display: var(--mat-button-text-touch-target-display, block);
339  left: 0;
340  right: 0;
341  transform: translateY(-50%);
342}
343
344.mat-mdc-unelevated-button {
345  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
346  height: var(--mat-button-filled-container-height, 40px);
347  font-family: var(--mat-button-filled-label-text-font, var(--mat-sys-label-large-font));
348  font-size: var(--mat-button-filled-label-text-size, var(--mat-sys-label-large-size));
349  letter-spacing: var(--mat-button-filled-label-text-tracking, var(--mat-sys-label-large-tracking));
350  text-transform: var(--mat-button-filled-label-text-transform);
351  font-weight: var(--mat-button-filled-label-text-weight, var(--mat-sys-label-large-weight));
352  padding: 0 var(--mat-button-filled-horizontal-padding, 24px);
353}
354.mat-mdc-unelevated-button > .mat-icon {
355  margin-right: var(--mat-button-filled-icon-spacing, 8px);
356  margin-left: var(--mat-button-filled-icon-offset, -8px);
357}
358[dir=rtl] .mat-mdc-unelevated-button > .mat-icon {
359  margin-right: var(--mat-button-filled-icon-offset, -8px);
360  margin-left: var(--mat-button-filled-icon-spacing, 8px);
361}
362.mat-mdc-unelevated-button .mdc-button__label + .mat-icon {
363  margin-right: var(--mat-button-filled-icon-offset, -8px);
364  margin-left: var(--mat-button-filled-icon-spacing, 8px);
365}
366[dir=rtl] .mat-mdc-unelevated-button .mdc-button__label + .mat-icon {
367  margin-right: var(--mat-button-filled-icon-spacing, 8px);
368  margin-left: var(--mat-button-filled-icon-offset, -8px);
369}
370.mat-mdc-unelevated-button .mat-ripple-element {
371  background-color: var(--mat-button-filled-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));
372}
373.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before {
374  background-color: var(--mat-button-filled-state-layer-color, var(--mat-sys-on-primary));
375}
376.mat-mdc-unelevated-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
377  background-color: var(--mat-button-filled-disabled-state-layer-color, var(--mat-sys-on-surface-variant));
378}
379.mat-mdc-unelevated-button:hover > .mat-mdc-button-persistent-ripple::before {
380  opacity: var(--mat-button-filled-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));
381}
382.mat-mdc-unelevated-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {
383  opacity: var(--mat-button-filled-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));
384}
385.mat-mdc-unelevated-button:active > .mat-mdc-button-persistent-ripple::before {
386  opacity: var(--mat-button-filled-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));
387}
388.mat-mdc-unelevated-button .mat-mdc-button-touch-target {
389  position: absolute;
390  top: 50%;
391  height: var(--mat-button-filled-touch-target-size, 48px);
392  display: var(--mat-button-filled-touch-target-display, block);
393  left: 0;
394  right: 0;
395  transform: translateY(-50%);
396}
397.mat-mdc-unelevated-button:not(:disabled) {
398  color: var(--mat-button-filled-label-text-color, var(--mat-sys-on-primary));
399  background-color: var(--mat-button-filled-container-color, var(--mat-sys-primary));
400}
401.mat-mdc-unelevated-button, .mat-mdc-unelevated-button .mdc-button__ripple {
402  border-radius: var(--mat-button-filled-container-shape, var(--mat-sys-corner-full));
403}
404.mat-mdc-unelevated-button .mat-mdc-button-progress-indicator-container {
405  --mat-progress-spinner-active-indicator-color: var(--mat-button-filled-progress-active-indicator-color, var(--mat-sys-on-primary));
406}
407.mat-mdc-unelevated-button[disabled], .mat-mdc-unelevated-button.mat-mdc-button-disabled {
408  cursor: default;
409  pointer-events: none;
410  color: var(--mat-button-filled-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
411  background-color: var(--mat-button-filled-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));
412}
413.mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive {
414  pointer-events: auto;
415}
416
417.mat-mdc-raised-button {
418  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
419  box-shadow: var(--mat-button-protected-container-elevation-shadow, var(--mat-sys-level1));
420  height: var(--mat-button-protected-container-height, 40px);
421  font-family: var(--mat-button-protected-label-text-font, var(--mat-sys-label-large-font));
422  font-size: var(--mat-button-protected-label-text-size, var(--mat-sys-label-large-size));
423  letter-spacing: var(--mat-button-protected-label-text-tracking, var(--mat-sys-label-large-tracking));
424  text-transform: var(--mat-button-protected-label-text-transform);
425  font-weight: var(--mat-button-protected-label-text-weight, var(--mat-sys-label-large-weight));
426  padding: 0 var(--mat-button-protected-horizontal-padding, 24px);
427}
428.mat-mdc-raised-button > .mat-icon {
429  margin-right: var(--mat-button-protected-icon-spacing, 8px);
430  margin-left: var(--mat-button-protected-icon-offset, -8px);
431}
432[dir=rtl] .mat-mdc-raised-button > .mat-icon {
433  margin-right: var(--mat-button-protected-icon-offset, -8px);
434  margin-left: var(--mat-button-protected-icon-spacing, 8px);
435}
436.mat-mdc-raised-button .mdc-button__label + .mat-icon {
437  margin-right: var(--mat-button-protected-icon-offset, -8px);
438  margin-left: var(--mat-button-protected-icon-spacing, 8px);
439}
440[dir=rtl] .mat-mdc-raised-button .mdc-button__label + .mat-icon {
441  margin-right: var(--mat-button-protected-icon-spacing, 8px);
442  margin-left: var(--mat-button-protected-icon-offset, -8px);
443}
444.mat-mdc-raised-button .mat-ripple-element {
445  background-color: var(--mat-button-protected-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));
446}
447.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before {
448  background-color: var(--mat-button-protected-state-layer-color, var(--mat-sys-primary));
449}
450.mat-mdc-raised-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
451  background-color: var(--mat-button-protected-disabled-state-layer-color, var(--mat-sys-on-surface-variant));
452}
453.mat-mdc-raised-button:hover > .mat-mdc-button-persistent-ripple::before {
454  opacity: var(--mat-button-protected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));
455}
456.mat-mdc-raised-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {
457  opacity: var(--mat-button-protected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));
458}
459.mat-mdc-raised-button:active > .mat-mdc-button-persistent-ripple::before {
460  opacity: var(--mat-button-protected-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));
461}
462.mat-mdc-raised-button .mat-mdc-button-touch-target {
463  position: absolute;
464  top: 50%;
465  height: var(--mat-button-protected-touch-target-size, 48px);
466  display: var(--mat-button-protected-touch-target-display, block);
467  left: 0;
468  right: 0;
469  transform: translateY(-50%);
470}
471.mat-mdc-raised-button:not(:disabled) {
472  color: var(--mat-button-protected-label-text-color, var(--mat-sys-primary));
473  background-color: var(--mat-button-protected-container-color, var(--mat-sys-surface));
474}
475.mat-mdc-raised-button, .mat-mdc-raised-button .mdc-button__ripple {
476  border-radius: var(--mat-button-protected-container-shape, var(--mat-sys-corner-full));
477}
478@media (hover: hover) {
479  .mat-mdc-raised-button:hover {
480    box-shadow: var(--mat-button-protected-hover-container-elevation-shadow, var(--mat-sys-level2));
481  }
482}
483.mat-mdc-raised-button:focus {
484  box-shadow: var(--mat-button-protected-focus-container-elevation-shadow, var(--mat-sys-level1));
485}
486.mat-mdc-raised-button:active, .mat-mdc-raised-button:focus:active {
487  box-shadow: var(--mat-button-protected-pressed-container-elevation-shadow, var(--mat-sys-level1));
488}
489.mat-mdc-raised-button[disabled], .mat-mdc-raised-button.mat-mdc-button-disabled {
490  cursor: default;
491  pointer-events: none;
492  color: var(--mat-button-protected-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
493  background-color: var(--mat-button-protected-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));
494}
495.mat-mdc-raised-button[disabled].mat-mdc-button-disabled, .mat-mdc-raised-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
496  box-shadow: var(--mat-button-protected-disabled-container-elevation-shadow, var(--mat-sys-level0));
497}
498.mat-mdc-raised-button.mat-mdc-button-disabled-interactive {
499  pointer-events: auto;
500}
501
502.mat-mdc-outlined-button {
503  border-style: solid;
504  transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1);
505  height: var(--mat-button-outlined-container-height, 40px);
506  font-family: var(--mat-button-outlined-label-text-font, var(--mat-sys-label-large-font));
507  font-size: var(--mat-button-outlined-label-text-size, var(--mat-sys-label-large-size));
508  letter-spacing: var(--mat-button-outlined-label-text-tracking, var(--mat-sys-label-large-tracking));
509  text-transform: var(--mat-button-outlined-labe
509l-text-transform);
510  font-weight: var(--mat-button-outlined-label-text-weight, var(--mat-sys-label-large-weight));
511  border-radius: var(--mat-button-outlined-container-shape, var(--mat-sys-corner-full));
512  border-width: var(--mat-button-outlined-outline-width, 1px);
513  padding: 0 var(--mat-button-outlined-horizontal-padding, 24px);
514}
515.mat-mdc-outlined-button > .mat-icon {
516  margin-right: var(--mat-button-outlined-icon-spacing, 8px);
517  margin-left: var(--mat-button-outlined-icon-offset, -8px);
518}
519[dir=rtl] .mat-mdc-outlined-button > .mat-icon {
520  margin-right: var(--mat-button-outlined-icon-offset, -8px);
521  margin-left: var(--mat-button-outlined-icon-spacing, 8px);
522}
523.mat-mdc-outlined-button .mdc-button__label + .mat-icon {
524  margin-right: var(--mat-button-outlined-icon-offset, -8px);
525  margin-left: var(--mat-button-outlined-icon-spacing, 8px);
526}
527[dir=rtl] .mat-mdc-outlined-button .mdc-button__label + .mat-icon {
528  margin-right: var(--mat-button-outlined-icon-spacing, 8px);
529  margin-left: var(--mat-button-outlined-icon-offset, -8px);
530}
531.mat-mdc-outlined-button .mat-ripple-element {
532  background-color: var(--mat-button-outlined-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));
533}
534.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
535  background-color: var(--mat-button-outlined-state-layer-color, var(--mat-sys-primary));
536}
537.mat-mdc-outlined-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
538  background-color: var(--mat-button-outlined-disabled-state-layer-color, var(--mat-sys-on-surface-variant));
539}
540.mat-mdc-outlined-button:hover > .mat-mdc-button-persistent-ripple::before {
541  opacity: var(--mat-button-outlined-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));
542}
543.mat-mdc-outlined-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {
544  opacity: var(--mat-button-outlined-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));
545}
546.mat-mdc-outlined-button:active > .mat-mdc-button-persistent-ripple::before {
547  opacity: var(--mat-button-outlined-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));
548}
549.mat-mdc-outlined-button .mat-mdc-button-touch-target {
550  position: absolute;
551  top: 50%;
552  height: var(--mat-button-outlined-touch-target-size, 48px);
553  display: var(--mat-button-outlined-touch-target-display, block);
554  left: 0;
555  right: 0;
556  transform: translateY(-50%);
557}
558.mat-mdc-outlined-button:not(:disabled) {
559  color: var(--mat-button-outlined-label-text-color, var(--mat-sys-primary));
560  border-color: var(--mat-button-outlined-outline-color, var(--mat-sys-outline));
561}
562.mat-mdc-outlined-button[disabled], .mat-mdc-outlined-button.mat-mdc-button-disabled {
563  cursor: default;
564  pointer-events: none;
565  color: var(--mat-button-outlined-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
566  border-color: var(--mat-button-outlined-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));
567}
568.mat-mdc-outlined-button.mat-mdc-button-disabled-interactive {
569  pointer-events: auto;
570}
571
572.mat-tonal-button {
573  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
574  height: var(--mat-button-tonal-container-height, 40px);
575  font-family: var(--mat-button-tonal-label-text-font, var(--mat-sys-label-large-font));
576  font-size: var(--mat-button-tonal-label-text-size, var(--mat-sys-label-large-size));
577  letter-spacing: var(--mat-button-tonal-label-text-tracking, var(--mat-sys-label-large-tracking));
578  text-transform: var(--mat-button-tonal-label-text-transform);
579  font-weight: var(--mat-button-tonal-label-text-weight, var(--mat-sys-label-large-weight));
580  padding: 0 var(--mat-button-tonal-horizontal-padding, 24px);
581}
582.mat-tonal-button:not(:disabled) {
583  color: var(--mat-button-tonal-label-text-color, var(--mat-sys-on-secondary-container));
584  background-color: var(--mat-button-tonal-container-color, var(--mat-sys-secondary-container));
585}
586.mat-tonal-button, .mat-tonal-button .mdc-button__ripple {
587  border-radius: var(--mat-button-tonal-container-shape, var(--mat-sys-corner-full));
588}
589.mat-tonal-button[disabled], .mat-tonal-button.mat-mdc-button-disabled {
590  cursor: default;
591  pointer-events: none;
592  color: var(--mat-button-tonal-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
593  background-color: var(--mat-button-tonal-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));
594}
595.mat-tonal-button.mat-mdc-button-disabled-interactive {
596  pointer-events: auto;
597}
598.mat-tonal-button > .mat-icon {
599  margin-right: var(--mat-button-tonal-icon-spacing, 8px);
600  margin-left: var(--mat-button-tonal-icon-offset, -8px);
601}
602[dir=rtl] .mat-tonal-button > .mat-icon {
603  margin-right: var(--mat-button-tonal-icon-offset, -8px);
604  margin-left: var(--mat-button-tonal-icon-spacing, 8px);
605}
606.mat-tonal-button .mdc-button__label + .mat-icon {
607  margin-right: var(--mat-button-tonal-icon-offset, -8px);
608  margin-left: var(--mat-button-tonal-icon-spacing, 8px);
609}
610[dir=rtl] .mat-tonal-button .mdc-button__label + .mat-icon {
611  margin-right: var(--mat-button-tonal-icon-spacing, 8px);
612  margin-left: var(--mat-button-tonal-icon-offset, -8px);
613}
614.mat-tonal-button .mat-ripple-element {
615  background-color: var(--mat-button-tonal-ripple-color, color-mix(in srgb, var(--mat-sys-on-secondary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));
616}
617.mat-tonal-button .mat-mdc-button-persistent-ripple::before {
618  background-color: var(--mat-button-tonal-state-layer-color, var(--mat-sys-on-secondary-container));
619}
620.mat-tonal-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
621  background-color: var(--mat-button-tonal-disabled-state-layer-color, var(--mat-sys-on-surface-variant));
622}
623.mat-tonal-button:hover > .mat-mdc-button-persistent-ripple::before {
624  opacity: var(--mat-button-tonal-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));
625}
626.mat-tonal-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-tonal-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-tonal-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {
627  opacity: var(--mat-button-tonal-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));
628}
629.mat-tonal-button:active > .mat-mdc-button-persistent-ripple::before {
630  opacity: var(--mat-button-tonal-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));
631}
632.mat-tonal-button .mat-mdc-button-touch-target {
633  position: absolute;
634  top: 50%;
635  height: var(--mat-button-tonal-touch-target-size, 48px);
636  display: var(--mat-button-tonal-touch-target-display, block);
637  left: 0;
638  right: 0;
639  transform: translateY(-50%);
640}
641
642.mat-mdc-button,
643.mat-mdc-unelevated-button,
644.mat-mdc-raised-button,
645.mat-mdc-outlined-button,
646.mat-tonal-button {
647  -webkit-tap-highlight-color: transparent;
648}
649.mat-mdc-button .mat-mdc-button-ripple,
650.mat-mdc-button .mat-mdc-button-persistent-ripple,
651.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
652.mat-mdc-unelevated-button .mat-mdc-button-ripple,
653.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple,
654.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
655.mat-mdc-raised-button .mat-mdc-button-ripple,
656.mat-mdc-raised-button .mat-mdc-button-persistent-ripple,
657.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
658.mat-mdc-outlined-button .mat-mdc-button-ripple,
659.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple,
660.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before,
661.mat-tonal-button .mat-mdc-button-ripple,
662.mat-tonal-button .mat-mdc-button-persistent-ripple,
663.mat-tonal-button .mat-mdc-button-persistent-ripple::before {
664  top: 0;
665  left: 0;
666  right: 0;
667  bottom: 0;
668  position: absolute;
669  pointer-events: none;
670  border-radius: inherit;
671}
672.mat-mdc-button .mat-mdc-button-ripple,
673.mat-mdc-unelevated-button .mat-mdc-button-ripple,
674.mat-mdc-raised-button .mat-mdc-button-ripple,
675.mat-mdc-outlined-button .mat-mdc-button-ripple,
676.mat-tonal-button .mat-mdc-button-ripple {
677  overflow: hidden;
678}
679.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
680.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
681.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
682.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before,
683.mat-tonal-button .mat-mdc-button-persistent-ripple::before {
684  content: "";
685  opacity: 0;
686}
687.mat-mdc-button .mdc-button__label,
688.mat-mdc-button .mat-icon,
689.mat-mdc-unelevated-button .mdc-button__label,
690.mat-mdc-unelevated-button .mat-icon,
691.mat-mdc-raised-button .mdc-button__label,
692.mat-mdc-raised-button .mat-icon,
693.mat-mdc-outlined-button .mdc-button__label,
694.mat-mdc-outlined-button .mat-icon,
695.mat-tonal-button .mdc-button__label,
696.mat-tonal-button .mat-icon {
697  z-index: 1;
698  position: relative;
699}
700.mat-mdc-button .mat-focus-indicator,
701.mat-mdc-unelevated-button .mat-focus-indicator,
702.mat-mdc-raised-button .mat-focus-indicator,
703.mat-mdc-outlined-button .mat-focus-indicator,
704.mat-tonal-button .mat-focus-indicator {
705  top: 0;
706  left: 0;
707  right: 0;
708  bottom: 0;
709  position: absolute;
710  border-radius: inherit;
711}
712.mat-mdc-button:focus-visible > .mat-focus-indicator::before,
713.mat-mdc-unelevated-button:focus-visible > .mat-focus-indicator::before,
714.mat-mdc-raised-button:focus-visible > .mat-focus-indicator::before,
715.mat-mdc-outlined-button:focus-visible > .mat-focus-indicator::before,
716.mat-tonal-button:focus-visible > .mat-focus-indicator::before {
717  content: "";
718  border-radius: inherit;
719}
720.mat-mdc-button._mat-animation-noopable,
721.mat-mdc-unelevated-button._mat-animation-noopable,
722.mat-mdc-raised-button._mat-animation-noopable,
723.mat-mdc-outlined-button._mat-animation-noopable,
724.mat-tonal-button._mat-animation-noopable {
725  transition: none !important;
726  animation: none !important;
727}
728.mat-mdc-button > .mat-icon,
729.mat-mdc-unelevated-button > .mat-icon,
730.mat-mdc-raised-button > .mat-icon,
731.mat-mdc-outlined-button > .mat-icon,
732.mat-tonal-button > .mat-icon {
733  display: inline-block;
734  position: relative;
735  vertical-align: top;
736  font-size: 1.125rem;
737  height: 1.125rem;
738  width: 1.125rem;
739}
740
741.mat-mdc-outlined-button .mat-mdc-button-ripple,
742.mat-mdc-outlined-button .mdc-button__ripple {
743  top: -1px;
744  left: -1px;
745  bottom: -1px;
746  right: -1px;
747}
748
749.mat-mdc-unelevated-button .mat-focus-indicator::before,
750.mat-tonal-button .mat-focus-indicator::before,
751.mat-mdc-raised-button .mat-focus-indicator::before {
752  margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1);
753}
754
755.mat-mdc-outlined-button .mat-focus-indicator::before {
756  margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 3px) * -1);
757}
758
759.mat-mdc-button-progress-indicator-container {
760  position: absolute;
761  inset-inline-start: 0;
762  inset-block-start: 0;
763  display: flex;
764  align-items: center;
765  justify-content: center;
766  width: 100%;
767  height: 100%;
768  box-sizing: border-box;
769}
770
771.mat-mdc-button-progress-indicator-shown mat-icon,
772.mat-mdc-button-progress-indicator-shown [matButtonIcon],
773.mat-mdc-button-progress-indicator-shown .mdc-button__label {
774  visibility: hidden;
775}
776</style><style ng-app-id="ng">@media (forced-colors: active) {
777  .mat-mdc-button:not(.mdc-button--outlined),
778  .mat-mdc-unelevated-button:not(.mdc-button--outlined),
779  .mat-mdc-raised-button:not(.mdc-button--outlined),
780  .mat-mdc-outlined-button:not(.mdc-button--outlined),
781  .mat-mdc-button-base.mat-tonal-button,
782  .mat-mdc-icon-button.mat-mdc-icon-button,
783  .mat-mdc-outlined-button .mdc-button__ripple {
784    outline: solid 1px;
785  }
786}
787</style><style ng-app-id="ng">.mat-focus-indicator {
788  position: relative;
789}
790.mat-focus-indicator::before {
791  top: 0;
792  left: 0;
793  right: 0;
794  bottom: 0;
795  position: absolute;
796  box-sizing: border-box;
797  pointer-events: none;
798  display: var(--mat-focus-indicator-display, none);
799  border-width: var(--mat-focus-indicator-border-width, 3px);
800  border-style: var(--mat-focus-indicator-border-style, solid);
801  border-color: var(--mat-focus-indicator-border-color, transparent);
802  border-radius: var(--mat-focus-indicator-border-radius, 4px);
803}
804.mat-focus-indicator:focus-visible::before {
805  content: "";
806}
807
808@media (forced-colors: active) {
809  html {
810    --mat-focus-indicator-display: block;
811  }
812}
813</style><style ng-app-id="ng">.mat-toolbar {
814  background: var(--mat-toolbar-container-background-color, var(--mat-sys-surface));
815  color: var(--mat-toolbar-container-text-color, var(--mat-sys-on-surface));
816}
817.mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 {
818  font-family: var(--mat-toolbar-title-text-font, var(--mat-sys-title-large-font));
819  font-size: var(--mat-toolbar-title-text-size, var(--mat-sys-title-large-size));
820  line-height: var(--mat-toolbar-title-text-line-height, var(--mat-sys-title-large-line-height));
821  font-weight: var(--mat-toolbar-title-text-weight, var(--mat-sys-title-large-weight));
822  letter-spacing: var(--mat-toolbar-title-text-tracking, var(--mat-sys-title-large-tracking));
823  margin: 0;
824}
825@media (forced-colors: active) {
826  .mat-toolbar {
827    outline: solid 1px;
828  }
829}
830.mat-toolbar .mat-form-field-underline,
831.mat-toolbar .mat-form-field-ripple,
832.mat-toolbar .mat-focused .mat-form-field-ripple {
833  background-color: currentColor;
834}
835.mat-toolbar .mat-form-field-label,
836.mat-toolbar .mat-focused .mat-form-field-label,
837.mat-toolbar .mat-select-value,
838.mat-toolbar .mat-select-arrow,
839.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
840  color: inherit;
841}
842.mat-toolbar .mat-input-element {
843  caret-color: currentColor;
844}
845.mat-toolbar .mat-mdc-button-base.mat-mdc-button-base.mat-unthemed {
846  --mat-button-text-label-text-color: var(--mat-toolbar-container-text-color, var(--mat-sys-on-surface));
847  --mat-button-outlined-label-text-color: var(--mat-toolbar-container-text-color, var(--mat-sys-on-surface));
848}
849
850.mat-toolbar-row, .mat-toolbar-single-row {
851  display: flex;
852  box-sizing: border-box;
853  padding: 0 16px;
854  width: 100%;
855  flex-direction: row;
856  align-items: center;
857  white-space: nowrap;
858  height: var(--mat-toolbar-standard-height, 64px);
859}
860@media (max-width: 599px) {
861  .mat-toolbar-row, .mat-toolbar-single-row {
862    height: var(--mat-toolbar-mobile-height, 56px);
863  }
864}
865
866.mat-toolbar-multiple-rows {
867  display: flex;
868  box-sizing: border-box;
869  flex-direction: column;
870  width: 100%;
871  min-height: var(--mat-toolbar-standard-height, 64px);
872}
873@media (max-width: 599px) {
874  .mat-toolbar-multiple-rows {
875    min-height: var(--mat-toolbar-mobile-height, 56px);
876  }
877}
878</style><style ng-app-id="ng">mat-icon, mat-icon.mat-primary, mat-icon.mat-accent, mat-icon.mat-warn {
879  color: var(--mat-icon-color, inherit);
880}
881
882.mat-icon {
883  -webkit-user-select: none;
884  user-select: none;
885  background-repeat: no-repeat;
886  display: inline-block;
887  fill: currentColor;
888  height: 24px;
889  width: 24px;
890  overflow: hidden;
891}
892.mat-icon.mat-icon-inline {
893  font-size: inherit;
894  height: inherit;
895  line-height: inherit;
896  width: inherit;
897}
898.mat-icon.mat-ligature-font[fontIcon]::before {
899  content: attr(fontIcon);
900}
901
902[dir=rtl] .mat-icon-rtl-mirror {
903  transform: scale(-1, 1);
904}
905
906.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
907.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
908  display: block;
909}
910.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
911.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
912  margin: auto;
913}
914</style><style ng-app-id="ng">mat-menu {
915  display: none;
916}
917
918.mat-mdc-menu-content {
919  margin: 0;
920  padding: 8px 0;
921  outline: 0;
922}
923.mat-mdc-menu-content,
924.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
925  -moz-osx-font-smoothing: grayscale;
926  -webkit-font-smoothing: antialiased;
927  flex: 1;
928  white-space: normal;
929  font-family: var(--mat-menu-item-label-text-font, var(--mat-sys-label-large-font));
930  line-he
930ight: var(--mat-menu-item-label-text-line-height, var(--mat-sys-label-large-line-height));
931  font-size: var(--mat-menu-item-label-text-size, var(--mat-sys-label-large-size));
932  letter-spacing: var(--mat-menu-item-label-text-tracking, var(--mat-sys-label-large-tracking));
933  font-weight: var(--mat-menu-item-label-text-weight, var(--mat-sys-label-large-weight));
934}
935
936@keyframes _mat-menu-enter {
937  from {
938    opacity: 0;
939    transform: scale(0.8);
940  }
941  to {
942    opacity: 1;
943    transform: none;
944  }
945}
946@keyframes _mat-menu-exit {
947  from {
948    opacity: 1;
949  }
950  to {
951    opacity: 0;
952  }
953}
954.mat-mdc-menu-panel {
955  min-width: 112px;
956  max-width: 280px;
957  overflow: auto;
958  box-sizing: border-box;
959  outline: 0;
960  animation: _mat-menu-enter 120ms cubic-bezier(0, 0, 0.2, 1);
961  border-radius: var(--mat-menu-container-shape, var(--mat-sys-corner-extra-small));
962  background-color: var(--mat-menu-container-color, var(--mat-sys-surface-container));
963  box-shadow: var(--mat-menu-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));
964  will-change: transform, opacity;
965}
966.mat-mdc-menu-panel.mat-menu-panel-exit-animation {
967  animation: _mat-menu-exit 100ms 25ms linear forwards;
968}
969.mat-mdc-menu-panel.mat-menu-panel-animations-disabled {
970  animation: none;
971}
972.mat-mdc-menu-panel.mat-menu-panel-animating {
973  pointer-events: none;
974}
975.mat-mdc-menu-panel.mat-menu-panel-animating:has(.mat-mdc-menu-content:empty) {
976  display: none;
977}
978@media (forced-colors: active) {
979  .mat-mdc-menu-panel {
980    outline: solid 1px;
981  }
982}
983.mat-mdc-menu-panel .mat-divider {
984  border-top-color: var(--mat-menu-divider-color, var(--mat-sys-surface-variant));
985  margin-bottom: var(--mat-menu-divider-bottom-spacing, 8px);
986  margin-top: var(--mat-menu-divider-top-spacing, 8px);
987}
988
989.mat-mdc-menu-item {
990  display: flex;
991  position: relative;
992  align-items: center;
993  justify-content: flex-start;
994  overflow: hidden;
995  padding: 0;
996  cursor: pointer;
997  width: 100%;
998  text-align: left;
999  box-sizing: border-box;
1000  color: inherit;
1001  font-size: inherit;
1002  background: none;
1003  text-decoration: none;
1004  margin: 0;
1005  min-height: 48px;
1006  padding-left: var(--mat-menu-item-leading-spacing, 12px);
1007  padding-right: var(--mat-menu-item-trailing-spacing, 12px);
1008  -webkit-user-select: none;
1009  user-select: none;
1010  cursor: pointer;
1011  outline: none;
1012  border: none;
1013  -webkit-tap-highlight-color: transparent;
1014}
1015.mat-mdc-menu-item::-moz-focus-inner {
1016  border: 0;
1017}
1018[dir=rtl] .mat-mdc-menu-item {
1019  padding-left: var(--mat-menu-item-trailing-spacing, 12px);
1020  padding-right: var(--mat-menu-item-leading-spacing, 12px);
1021}
1022.mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) {
1023  padding-left: var(--mat-menu-item-with-icon-leading-spacing, 12px);
1024  padding-right: var(--mat-menu-item-with-icon-trailing-spacing, 12px);
1025}
1026[dir=rtl] .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) {
1027  padding-left: var(--mat-menu-item-with-icon-trailing-spacing, 12px);
1028  padding-right: var(--mat-menu-item-with-icon-leading-spacing, 12px);
1029}
1030.mat-mdc-menu-item, .mat-mdc-menu-item:visited, .mat-mdc-menu-item:link {
1031  color: var(--mat-menu-item-label-text-color, var(--mat-sys-on-surface));
1032}
1033.mat-mdc-menu-item .mat-icon-no-color,
1034.mat-mdc-menu-item .mat-mdc-menu-submenu-icon {
1035  color: var(--mat-menu-item-icon-color, var(--mat-sys-on-surface-variant));
1036}
1037.mat-mdc-menu-item[disabled] {
1038  cursor: default;
1039  opacity: 0.38;
1040}
1041.mat-mdc-menu-item[disabled]::after {
1042  display: block;
1043  position: absolute;
1044  content: "";
1045  top: 0;
1046  left: 0;
1047  bottom: 0;
1048  right: 0;
1049}
1050.mat-mdc-menu-item:focus {
1051  outline: 0;
1052}
1053.mat-mdc-menu-item .mat-icon {
1054  flex-shrink: 0;
1055  margin-right: var(--mat-menu-item-spacing, 12px);
1056  height: var(--mat-menu-item-icon-size, 24px);
1057  width: var(--mat-menu-item-icon-size, 24px);
1058}
1059[dir=rtl] .mat-mdc-menu-item {
1060  text-align: right;
1061}
1062[dir=rtl] .mat-mdc-menu-item .mat-icon {
1063  margin-right: 0;
1064  margin-left: var(--mat-menu-item-spacing, 12px);
1065}
1066.mat-mdc-menu-item:not([disabled]):hover {
1067  background-color: var(--mat-menu-item-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent));
1068}
1069.mat-mdc-menu-item:not([disabled]).cdk-program-focused, .mat-mdc-menu-item:not([disabled]).cdk-keyboard-focused, .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
1070  background-color: var(--mat-menu-item-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));
1071}
1072@media (forced-colors: active) {
1073  .mat-mdc-menu-item {
1074    margin-top: 1px;
1075  }
1076}
1077
1078.mat-mdc-menu-submenu-icon {
1079  width: var(--mat-menu-item-icon-size, 24px);
1080  height: 10px;
1081  fill: currentColor;
1082  padding-left: var(--mat-menu-item-spacing, 12px);
1083}
1084[dir=rtl] .mat-mdc-menu-submenu-icon {
1085  padding-right: var(--mat-menu-item-spacing, 12px);
1086  padding-left: 0;
1087}
1088[dir=rtl] .mat-mdc-menu-submenu-icon polygon {
1089  transform: scaleX(-1);
1090  transform-origin: center;
1091}
1092@media (forced-colors: active) {
1093  .mat-mdc-menu-submenu-icon {
1094    fill: CanvasText;
1095  }
1096}
1097
1098.mat-mdc-menu-item .mat-mdc-menu-ripple {
1099  top: 0;
1100  left: 0;
1101  right: 0;
1102  bottom: 0;
1103  position: absolute;
1104  pointer-events: none;
1105}
1106</style><style ng-app-id="ng">.mat-mdc-icon-button {
1107  -webkit-user-select: none;
1108  user-select: none;
1109  display: inline-block;
1110  position: relative;
1111  box-sizing: border-box;
1112  border: none;
1113  outline: none;
1114  background-color: transparent;
1115  fill: currentColor;
1116  text-decoration: none;
1117  cursor: pointer;
1118  z-index: 0;
1119  overflow: visible;
1120  border-radius: var(--mat-icon-button-container-shape, var(--mat-sys-corner-full, 50%));
1121  flex-shrink: 0;
1122  text-align: center;
1123  width: var(--mat-icon-button-state-layer-size, 40px);
1124  height: var(--mat-icon-button-state-layer-size, 40px);
1125  padding: calc(calc(var(--mat-icon-button-state-layer-size, 40px) - var(--mat-icon-button-icon-size, 24px)) / 2);
1126  font-size: var(--mat-icon-button-icon-size, 24px);
1127  color: var(--mat-icon-button-icon-color, var(--mat-sys-on-surface-variant));
1128  -webkit-tap-highlight-color: transparent;
1129}
1130.mat-mdc-icon-button .mat-mdc-button-ripple,
1131.mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
1132.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
1133  top: 0;
1134  left: 0;
1135  right: 0;
1136  bottom: 0;
1137  position: absolute;
1138  pointer-events: none;
1139  border-radius: inherit;
1140}
1141.mat-mdc-icon-button .mat-mdc-button-ripple {
1142  overflow: hidden;
1143}
1144.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
1145  content: "";
1146  opacity: 0;
1147}
1148.mat-mdc-icon-button .mdc-button__label,
1149.mat-mdc-icon-button .mat-icon {
1150  z-index: 1;
1151  position: relative;
1152}
1153.mat-mdc-icon-button .mat-focus-indicator {
1154  top: 0;
1155  left: 0;
1156  right: 0;
1157  bottom: 0;
1158  position: absolute;
1159  border-radius: inherit;
1160}
1161.mat-mdc-icon-button:focus-visible > .mat-focus-indicator::before {
1162  content: "";
1163  border-radius: inherit;
1164}
1165.mat-mdc-icon-button .mat-ripple-element {
1166  background-color: var(--mat-icon-button-ripple-color, color-mix(in srgb, var(--mat-sys-on-surface-variant) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));
1167}
1168.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
1169  background-color: var(--mat-icon-button-state-layer-color, var(--mat-sys-on-surface-variant));
1170}
1171.mat-mdc-icon-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
1172  background-color: var(--mat-icon-button-disabled-state-layer-color, var(--mat-sys-on-surface-variant));
1173}
1174.mat-mdc-icon-button:hover > .mat-mdc-button-persistent-ripple::before {
1175  opacity: var(--mat-icon-button-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));
1176}
1177.mat-mdc-icon-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {
1178  opacity: var(--mat-icon-button-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));
1179}
1180.mat-mdc-icon-button:active > .mat-mdc-button-persistent-ripple::before {
1181  opacity: var(--mat-icon-button-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));
1182}
1183.mat-mdc-icon-button .mat-mdc-button-touch-target {
1184  position: absolute;
1185  top: 50%;
1186  height: var(--mat-icon-button-touch-target-size, 48px);
1187  display: var(--mat-icon-button-touch-target-display, block);
1188  left: 50%;
1189  width: var(--mat-icon-button-touch-target-size, 48px);
1190  transform: translate(-50%, -50%);
1191}
1192.mat-mdc-icon-button._mat-animation-noopable {
1193  transition: none !important;
1194  animation: none !important;
1195}
1196.mat-mdc-icon-button[disabled], .mat-mdc-icon-button.mat-mdc-button-disabled {
1197  cursor: default;
1198  pointer-events: none;
1199  color: var(--mat-icon-button-disabled-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
1200}
1201.mat-mdc-icon-button.mat-mdc-button-disabled-interactive {
1202  pointer-events: auto;
1203}
1204.mat-mdc-icon-button img,
1205.mat-mdc-icon-button svg {
1206  width: var(--mat-icon-button-icon-size, 24px);
1207  height: var(--mat-icon-button-icon-size, 24px);
1208  vertical-align: baseline;
1209}
1210.mat-mdc-icon-button .mat-mdc-button-progress-indicator-container .mdc-circular-progress__determinate-circle-graphic {
1211  width: inherit;
1212  height: inherit;
1213}
1214.mat-mdc-icon-button .mat-mdc-button-progress-indicator-container .mdc-circular-progress__indeterminate-circle-graphic {
1215  height: 100%;
1216}
1217.mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
1218  border-radius: var(--mat-icon-button-container-shape, var(--mat-sys-corner-full, 50%));
1219}
1220.mat-mdc-icon-button[hidden] {
1221  display: none;
1222}
1223.mat-mdc-icon-button.mat-unthemed:not(.mdc-ripple-upgraded):focus::before, .mat-mdc-icon-button.mat-primary:not(.mdc-ripple-upgraded):focus::before, .mat-mdc-icon-button.mat-accent:not(.mdc-ripple-upgraded):focus::before, .mat-mdc-icon-button.mat-warn:not(.mdc-ripple-upgraded):focus::before {
1224  background: transparent;
1225  opacity: 1;
1226}
1227
1228.mat-mdc-button-progress-indicator-container {
1229  position: absolute;
1230  inset-inline-start: 0;
1231  inset-block-start: 0;
1232  display: flex;
1233  align-items: center;
1234  justify-content: center;
1235  width: 100%;
1236  height: 100%;
1237  box-sizing: border-box;
1238}
1239
1240.mat-mdc-button-progress-indicator-shown mat-icon {
1241  visibility: hidden;
1242}
1243</style><style ng-app-id="ng">.ehr-cookie-banner[_ngcontent-ng-c4202300216]{position:fixed;bottom:0;left:0;right:0;box-sizing:border-box;width:auto;max-width:100%;z-index:10000;background-color:var(--md-surface-color);color:var(--md-on-surface-color);border-top:1px solid var(--md-border-color);box-shadow:0 -2px 6px var(--md-shadow-light);padding:1rem 1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;font-family:var(--font-secondary);font-size:14px}.ehr-cookie-banner[_ngcontent-ng-c4202300216]   a[_ngcontent-ng-c4202300216]{color:var(--md-primary-color);text-decoration:underline}.ehr-cookie-banner[_ngcontent-ng-c4202300216]   .actions[_ngcontent-ng-c4202300216]{display:flex;flex-wrap:wrap;gap:.75rem}.ehr-cookie-banner[_ngcontent-ng-c4202300216]   .actions[_ngcontent-ng-c4202300216]   .primary[_ngcontent-ng-c4202300216]{font-weight:600}@media(max-width:768px){.ehr-cookie-banner[_ngcontent-ng-c4202300216]{flex-direction:column;align-items:stretch;justify-content:center;gap:.75rem;padding:.8rem 1rem;font-size:.8125rem;line-height:1.35}.ehr-cookie-banner[_ngcontent-ng-c4202300216]   .actions[_ngcontent-ng-c4202300216]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.5rem}.ehr-cookie-banner[_ngcontent-ng-c4202300216]   .actions[_ngcontent-ng-c4202300216]   button[_ngcontent-ng-c4202300216]{width:100%;min-height:2.75rem;padding-inline:.55rem;line-height:1.2}}@media(max-width:359px){.ehr-cookie-banner[_ngcontent-ng-c4202300216]   .actions[_ngcontent-ng-c4202300216]{grid-template-columns:1fr}}</style><style ng-app-id="ng">.site-footer[_ngcontent-ng-c1935281767]{color:var(--wv-text-secondary, #173c59);background:linear-gradient(180deg,#fff,#fbfdfc 52%,#f7fbf9);border-top:1px solid rgba(16,47,77,.07)}.footer-container[_ngcontent-ng-c1935281767]{display:grid;grid-template-columns:minmax(13rem,.75fr) minmax(0,2.25fr);gap:clamp(2rem,5vw,4rem);width:min(1180px,100% - 3rem);margin:0 auto;padding:clamp(2.7rem,5vw,4.25rem) 0 clamp(2rem,4vw,3rem)}.footer-section[_ngcontent-ng-c1935281767]{min-width:0}.footer-section[_ngcontent-ng-c1935281767]   h3[_ngcontent-ng-c1935281767]{margin:0 0 .85rem;color:var(--wv-text-primary, #102f4d);font-size:1rem;line-height:1.25;font-weight:900;letter-spacing:-.015em}.footer-section[_ngcontent-ng-c1935281767]   h3[_ngcontent-ng-c1935281767]   a[_ngcontent-ng-c1935281767]{color:inherit;text-decoration:none;font-weight:inherit;font-size:inherit}.footer-section[_ngcontent-ng-c1935281767]   p[_ngcontent-ng-c1935281767], .footer-section[_ngcontent-ng-c1935281767]   address[_ngcontent-ng-c1935281767], .footer-section[_ngcontent-ng-c1935281767]   ul[_ngcontent-ng-c1935281767]{margin:0;padding:0}.footer-section[_ngcontent-ng-c1935281767]   ul[_ngcontent-ng-c1935281767]{display:grid;gap:.58rem;list-style:none}.footer-section[_ngcontent-ng-c1935281767]   a[_ngcontent-ng-c1935281767], .footer-section[_ngcontent-ng-c1935281767]   .footer-link-button[_ngcontent-ng-c1935281767]{display:inline-flex;width:fit-content;align-items:center;padding:0;border:0;color:var(--wv-text-muted, rgba(23, 60, 89, .72));background:transparent;font:inherit;font-size:.92rem;line-height:1.35;font-weight:400;letter-spacing:0;text-align:left;text-decoration:none;text-transform:none;cursor:pointer}.footer-section[_ngcontent-ng-c1935281767]   a[_ngcontent-ng-c1935281767]:hover, .footer-section[_ngcontent-ng-c1935281767]   a[_ngcontent-ng-c1935281767]:focus-visible, .footer-section[_ngcontent-ng-c1935281767]   .footer-link-button[_ngcontent-ng-c1935281767]:hover, .footer-section[_ngcontent-ng-c1935281767]   .footer-link-button[_ngcontent-ng-c1935281767]:focus-visible{color:var(--wv-green-800, #267e67);text-decoration:underline;text-underline-offset:.18em;outline:none}.footer-section[_ngcontent-ng-c1935281767]   a[_ngcontent-ng-c1935281767]:focus-visible, .footer-section[_ngcontent-ng-c1935281767]   .footer-link-button[_ngcontent-ng-c1935281767]:focus-visible{outline:3px solid rgba(38,126,103,.22);outline-offset:3px;border-radius:.25rem;text-decoration:none}.footer-section--brand[_ngcontent-ng-c1935281767]{max-width:19rem}.footer-logo[_ngcontent-ng-c1935281767]{display:inline-flex;align-items:center;width:fit-content;margin-bottom:.95rem}.footer-logo[_ngcontent-ng-c1935281767]   img[_ngcontent-ng-c1935281767]{display:block;width:clamp(9.5rem,13vw,12.5rem);height:auto}.footer-logo[_ngcontent-ng-c1935281767]:hover, .footer-logo[_ngcontent-ng-c1935281767]:focus-visible{text-decoration:none}.footer-logo[_ngcontent-ng-c1935281767]:focus-visible{outline:3px solid rgba(38,126,103,.22);outline-offset:4px;border-radius:.45rem}.footer-description[_ngcontent-ng-c1935281767]{max-width:20rem;font-size:.9rem;line-height:1.55;font-weight:600;width:100%;margin-top:-.75rem!important;margin-bottom:1rem!important;color:var(--wv-text-primary)}.footer-address[_ngcontent-ng-c1935281767]{margin-top:1rem;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-style:normal;font-size:.92rem;line-height:1.65}.footer-address[_ngcontent-ng-c1935281767]   a[_ngcontent-ng-c1935281767]{color:var(--wv-text-secondary, #173c59);font-weight:750}.footer-nav[_ngcontent-ng-c1935281767]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(1rem,2vw,1.8rem)}.footer-bottom[_ngcontent-ng-c1935281767]{width:min(1180px,100% - 3rem);margin:0 auto;padding:1.05rem 0 1.2rem;border-top:1px solid rgba(16,47,77,.07);color:var(--wv-text-soft, rgba(23, 60, 89, .62));font-size:.88rem;line-height:1.4;text-align:center}.footer-bottom[_ngcontent-ng-c1935281767]   p[_ngcontent-ng-c1935281767]{margin:0}@media(max-width:980px){.footer-container[_ngcontent-ng-c1935281767]{grid-template-columns:1fr}.footer-section--brand[_ngcontent-ng-c1935281767]{max-width:34rem}.footer-nav[_ngcontent-ng-c1935281767]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.footer-description[_ngcontent-ng-c1935281767]{width:100%;max-width:calc(100% - 2rem);margin-top:-.75rem!important;margin-bottom:1rem!important;color:var(--wv-text-primary)}.footer-container[_ngcontent-ng-c1935281767]{width:min(100% - 2rem,1180px);padding:2.35rem 0 1.9rem}.footer-nav[_ngcontent-ng-c1935281767]{grid-template-columns:1fr;gap:1.35rem}.footer-section[_ngcontent-ng-c1935281767]{padding-top:1.15rem;border-top:1px solid rgba(16,47,77,.07)}.footer-section[_ngcontent-ng-c1935281767]:first-child{padding-top:0;border-top:0}.footer-section[_ngcontent-ng-c1935281767]   ul[_ngcontent-ng-c1935281767]{gap:.55rem}.footer-section--brand[_ngcontent-ng-c1935281767]{padding-top:0;border-top:0}.footer-bottom[_ngcontent-ng-c1935281767]{width:min(100% - 2rem,1180px);text-align:left}}</style><style ng-app-id="ng">.mat-ripple {
1244  overflow: hidden;
1245  position: relative;
1246}
1247.mat-ripple:not(:empty) {
1248  transform: translateZ(0);
1249}
1250
1251.mat-ripple.mat-ripple-unbounded {
1252  overflow: visible;
1253}
1254
1255.mat-ripple-element {
1256  position: absolute;
1257  border-radius: 50%;
1258  pointer-events: none;
1259  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
1260  transform: scale3d(0, 0, 0);
1261  background-color: var(--mat-ripple-color, color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent));
1262}
1263@media (forced-colors: active) {
1264  .mat-ripple-element {
1265    display: none;
1266  }
1267}
1268.cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .mat-ripple-element {
1269  display: none;
1270}
1271</style><style ng-app-id="ng">[_nghost-ng-c1136995975]{display:block}</style><meta property="og:title" content="Medewerker App | WorkVine"><meta property="og:description" content="Rooster, acties, verlof, uren, trainingen, certificaten en communicatie in één app voor medewerkers."><meta property="og:url" content="https://workvine.nl/apps/medewerker-app"><meta property="og:locale" content="nl_NL"><meta property="og:image" content="https://workvine.nl/assets/features/medewerker-app/medewerker-app-dashboard.webp"><link rel="alternate" hreflang="nl-NL" href="https://workvine.nl/apps/medewerker-app" data-workvine-locale="nl"><link rel="alternate" hreflang="en" href="https://workvine.eu/apps/employee-app" data-workvine-locale="en"><meta property="og:locale:alternate" content="en_US">
1271<script type="application/ld+json" id="structured-data-ehr">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://workvine.nl/#org","name":"WorkVine","url":"https://workvine.nl","sameAs":["https://www.linkedin.com/company/workvine-software/"],"areaServed":{"@type":"Country","name":"Netherlands"},"address":{"@type":"PostalAddress","streetAddress":"IJsbaanpad 84E","postalCode":"1076 CW","addressLocality":"Amsterdam","addressCountry":"NL"},"contactPoint":{"@type":"ContactPoint","telephone":"+31852129076","email":"[email protected]","contactType":"customer support","areaServed":{"@type":"Country","name":"Netherlands"},"availableLanguage":["nl-NL"]}},{"@type":"WebSite","@id":"https://workvine.nl/#website","name":"WorkVine","url":"https://workvine.nl","publisher":{"@id":"https://workvine.nl/#org"}},{"@type":"SoftwareApplication","@id":"https://workvine.nl/#app","name":"WorkVine","applicationCategory":"BusinessApplication","operatingSystem":"Web, iOS, Android","url":"https://workvine.nl","description":"WorkVine brengt HR, planning, uren, verlof, verzuim, training, documenten, communicatie en opvolging samen in één medewerkerplatform.","publisher":{"@id":"https://workvine.nl/#org"},"areaServed":{"@type":"Country","name":"Netherlands"},"sameAs":["https://play.google.com/store/apps/details?id=nl.employee.workvine","https://apps.apple.com/nl/app/workvine-medewerker-app/id6784990614"]},{"@type":"Service","@id":"https://workvine.nl/apps/medewerker-app#service","additionalType":"https://schema.org/HumanResources","name":"WorkVine Medewerker App","description":"Medewerker App voor roosters, acties, verlof, urenregistratie, training, certificaten, communicatie en medewerkeropvolging.","provider":{"@id":"https://workvine.nl/#org"},"areaServed":{"@type":"Country","name":"Netherlands"},"mainEntityOfPage":{"@id":"https://workvine.nl/apps/medewerker-app"},"url":"https://workvine.nl/apps/medewerker-app","about":{"@id":"https://workvine.nl/#app"}},{"@type":"WebPage","@id":"https://workvine.nl/apps/medewerker-app","name":"Medewerker App voor rooster, acties en communicatie | WorkVine","description":"De WorkVine Medewerker App geeft medewerkers één plek voor rooster, acties, verlof, uren, trainingen, certificaten, communicatie en updates. Beschikbaar via web, iOS en Android.","url":"https://workvine.nl/apps/medewerker-app","inLanguage":"nl-NL","isPartOf":{"@id":"https://workvine.nl/#website"},"publisher":{"@id":"https://workvine.nl/#org"},"mainEntity":{"@id":"https://workvine.nl/apps/medewerker-app#service"},"breadcrumb":{"@id":"https://workvine.nl/apps/medewerker-app#breadcrumbs"}},{"@type":"BreadcrumbList","@id":"https://workvine.nl/apps/medewerker-app#breadcrumbs","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":{"@id":"https://workvine.nl/"}},{"@type":"ListItem","position":2,"name":"Apps","item":{"@id":"https://workvine.nl/apps"}},{"@type":"ListItem","position":3,"name":"Medewerker App","item":{"@id":"https://workvine.nl/apps/medewerker-app"}}]}]}</script>
1271<style ng-app-id="ng">[_nghost-ng-c1486936902]{display:block}.feature-banner[_ngcontent-ng-c1486936902]{padding:clamp(2.25rem,4.5vw,4.5rem) clamp(1rem,4vw,4rem);color:#102f4d;background:radial-gradient(circle at 78% 18%,rgba(150,214,180,.24),transparent 24rem),linear-gradient(180deg,#f7fbf8,#edf7f2);overflow:hidden}.feature-banner__inner[_ngcontent-ng-c1486936902]{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.25rem,4vw,4.25rem);align-items:center;width:min(1240px,100%);margin-inline:auto}.feature-banner__content[_ngcontent-ng-c1486936902]{min-width:0;max-width:36rem}.feature-banner__kicker[_ngcontent-ng-c1486936902], .feature-banner__title[_ngcontent-ng-c1486936902], .feature-banner__text[_ngcontent-ng-c1486936902], .feature-banner__caption[_ngcontent-ng-c1486936902]{margin:0}.feature-banner__kicker[_ngcontent-ng-c1486936902]{margin-bottom:.75rem;color:#267e67;font-size:.88rem;font-weight:900}.feature-banner__title[_ngcontent-ng-c1486936902]{max-width:18ch;font-size:clamp(2.4rem,3.35vw,3.45rem);line-height:1.05;font-weight:900;letter-spacing:-.04em;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance}.feature-banner__text[_ngcontent-ng-c1486936902]{max-width:54ch;margin-top:1.05rem;color:#173c59c7;font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.62;font-weight:600}.feature-banner__actions[_ngcontent-ng-c1486936902]{display:flex;flex-wrap:wrap;gap:.78rem;align-items:center;margin-top:1.45rem}.feature-banner__cta[_ngcontent-ng-c1486936902]{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:3.15rem;padding:.72rem 1.35rem;border-radius:.58rem;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.feature-banner__cta[_ngcontent-ng-c1486936902]:focus-visible, .feature-visual__poster[_ngcontent-ng-c1486936902]:focus-visible{outline:3px solid rgba(16,47,77,.28);outline-offset:3px}.feature-banner__cta--primary[_ngcontent-ng-c1486936902]{border:1px solid #f5d83d;color:#102f4d;background:#f5d83d;box-shadow:0 .9rem 1.8rem #102f4d24}.feature-banner__cta--secondary[_ngcontent-ng-c1486936902]{border:1px solid rgba(16,47,77,.16);color:#102f4d;background:#ffffffc7}.feature-banner__cta[_ngcontent-ng-c1486936902]:hover, .feature-banner__cta[_ngcontent-ng-c1486936902]:focus-visible{transform:translateY(-1px)}.feature-banner__cta--primary[_ngcontent-ng-c1486936902]:hover, .feature-banner__cta--primary[_ngcontent-ng-c1486936902]:focus-visible{box-shadow:0 1.1rem 2.1rem #102f4d2e}.feature-banner__visual[_ngcontent-ng-c1486936902]{width:100%;min-width:0;justify-self:center}.feature-visual[_ngcontent-ng-c1486936902]{position:relative;overflow:hidden;border:1px solid rgba(16,47,77,.08);border-radius:.9rem;background:linear-gradient(180deg,#ffffffb8,#f7fbf985),#ffffff6b;box-shadow:0 1.4rem 3.6rem #102f4d29,0 .45rem 1.2rem #102f4d0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.feature-visual__poster[_ngcontent-ng-c1486936902], .feature-visual__image[_ngcontent-ng-c1486936902], .feature-visual[_ngcontent-ng-c1486936902]   picture[_ngcontent-ng-c1486936902], .feature-visual[_ngcontent-ng-c1486936902]   img[_ngcontent-ng-c1486936902]{display:block;width:100%}.feature-visual__poster[_ngcontent-ng-c1486936902]{position:relative;padding:0;border:0;border-radius:inherit;background:transparent;overflow:hidden;cursor:pointer}.feature-visual[_ngcontent-ng-c1486936902]   img[_ngcontent-ng-c1486936902]{aspect-ratio:auto;height:auto;border-radius:inherit;object-fit:contain;object-position:center;background:linear-gradient(180deg,#f8fcfafa,#fffffff5)}.feature-visual--product-proof[_ngcontent-ng-c1486936902]{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.feature-visual--product-proof[_ngcontent-ng-c1486936902]   img[_ngcontent-ng-c1486936902]{height:auto;aspect-ratio:auto;border-radius:0;object-fit:contain;background:transparent}.feature-visual--raw-product-proof[_ngcontent-ng-c1486936902]{overflow:hidden;border:1px solid var(--wv-border-soft, rgba(16, 47, 77, .07));border-radius:var(--wv-radius-lg, 1.1rem);background:var(--wv-surface, #ffffff);box-shadow:var(--wv-shadow-lg, 0 1rem 2.4rem rgba(16, 47, 77, .075))}
1271.feature-visual--raw-product-proof[_ngcontent-ng-c1486936902]   img[_ngcontent-ng-c1486936902]{border-radius:inherit}@media screen and (min-width:1200px){.feature-visual__image--trim-bottom[_ngcontent-ng-c1486936902]{aspect-ratio:1920/750;overflow:hidden}}@media screen and (min-width:768px)and (max-width:1199px){.feature-visual__image--trim-bottom[_ngcontent-ng-c1486936902]{aspect-ratio:1280/750;overflow:hidden}}.feature-visual__play[_ngcontent-ng-c1486936902]{position:absolute;inset:auto auto 1rem 1rem;display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border:1px solid rgba(255,255,255,.68);border-radius:999px;color:#102f4d;background:#f5d83d;box-shadow:0 .85rem 1.8rem #102f4d33}.feature-visual__play[_ngcontent-ng-c1486936902]   mat-icon[_ngcontent-ng-c1486936902]{width:2rem;height:2rem;font-size:2rem}.feature-visual--video-active[_ngcontent-ng-c1486936902]{overflow:hidden}.feature-banner--text-only[_ngcontent-ng-c1486936902]{padding-block:clamp(2.5rem,5vw,4rem)}.feature-banner--text-only[_ngcontent-ng-c1486936902]   .feature-banner__inner[_ngcontent-ng-c1486936902]{grid-template-columns:1fr}.feature-banner--text-only[_ngcontent-ng-c1486936902]   .feature-banner__content[_ngcontent-ng-c1486936902]{max-width:780px}.feature-banner--with-breadcrumbs[_ngcontent-ng-c1486936902]{padding-top:clamp(1rem,2vw,1.35rem)}.feature-banner--with-breadcrumbs[_ngcontent-ng-c1486936902]   .feature-banner__inner[_ngcontent-ng-c1486936902]{margin-top:clamp(1.85rem,3vw,2.85rem)}@media(max-width:1100px){.feature-banner__inner[_ngcontent-ng-c1486936902]{grid-template-columns:1fr;gap:clamp(1.75rem,4vw,2.5rem)}.feature-banner__content[_ngcontent-ng-c1486936902]{max-width:48rem}.feature-banner__visual[_ngcontent-ng-c1486936902]{width:min(100%,55rem)}}@media(max-width:767px){.feature-banner[_ngcontent-ng-c1486936902]{padding:2rem 1rem 2.45rem}.feature-banner--with-breadcrumbs[_ngcontent-ng-c1486936902]{padding-top:1rem}.feature-banner--with-breadcrumbs[_ngcontent-ng-c1486936902]   .feature-banner__inner[_ngcontent-ng-c1486936902]{margin-top:1.65rem}.feature-banner__inner[_ngcontent-ng-c1486936902]{gap:1.45rem}.feature-banner__kicker[_ngcontent-ng-c1486936902]{margin-bottom:.65rem;font-size:.8rem}.feature-banner__title[_ngcontent-ng-c1486936902]{font-size:clamp(2rem,8.4vw,2.45rem);line-height:1.08;letter-spacing:-.035em}.feature-banner__text[_ngcontent-ng-c1486936902]{margin-top:.85rem;font-size:.98rem;line-height:1.52}.feature-banner__actions[_ngcontent-ng-c1486936902]{display:grid;grid-template-columns:1fr;gap:.65rem;margin-top:1.1rem}.feature-banner__visual[_ngcontent-ng-c1486936902]{width:min(100%,21rem)}.feature-banner__cta[_ngcontent-ng-c1486936902]{width:100%;max-width:20rem;min-height:2.9rem;margin:auto;padding:.72rem 1rem}.feature-visual[_ngcontent-ng-c1486936902]{box-shadow:0 1rem 2.25rem #102f4d21,0 .3rem .9rem #102f4d0d}.feature-visual__image--mobile-landscape-focus[_ngcontent-ng-c1486936902]{aspect-ratio:4/3;overflow:hidden}.feature-visual__image--mobile-landscape-focus[_ngcontent-ng-c1486936902]   img[_ngcontent-ng-c1486936902]{height:100%;object-fit:cover;object-position:center}.feature-visual__image--mobile-report-focus[_ngcontent-ng-c1486936902]{aspect-ratio:4/3;overflow:hidden}.feature-visual__image--mobile-report-focus[_ngcontent-ng-c1486936902]   img[_ngcontent-ng-c1486936902]{width:100%;height:120%;object-fit:cover;object-position:45% 42%}.feature-visual--mobile-image[_ngcontent-ng-c1486936902]   .feature-visual__image[_ngcontent-ng-c1486936902]{aspect-ratio:4/3;overflow:hidden}.feature-visual--mobile-image[_ngcontent-ng-c1486936902]   .feature-visual__image[_ngcontent-ng-c1486936902]   img[_ngcontent-ng-c1486936902]{height:100%;object-fit:cover;object-position:top center}.feature-visual__play[_ngcontent-ng-c1486936902]{bottom:.7rem;left:.7rem;width:2.85rem;height:2.85rem}.feature-visual__play[_ngcontent-ng-c1486936902]   mat-icon[_ngcontent-ng-c1486936902]{width:1.75rem;height:1.75rem;font-size:1.75rem}}</style><style ng-app-id="ng">[_nghost-ng-c953314268]{display:block}.wv-feature-section[_ngcontent-ng-c953314268]{padding:clamp(4.25rem,6vw,5.75rem) 1.5rem clamp(3.5rem,5vw,4.75rem);color:var(--wv-text-primary, #102f4d);background:var(--wv-background, #ffffff)}.wv-feature-section__inner[_ngcontent-ng-c953314268]{width:min(100%,var(--wv-content-width, 1180px));margin:0 auto}.wv-feature-header[_ngcontent-ng-c953314268]{max-width:46rem;margin-left:auto;margin-right:auto;margin-bottom:clamp(2rem,3.5vw,2.75rem);text-align:center}.wv-feature-header[_ngcontent-ng-c953314268]   h2[_ngcontent-ng-c953314268]{margin:.35rem 0 1rem;color:var(--wv-navy-900, #102f4d);font-size:clamp(2rem,3.4vw,2.75rem);line-height:1.1;letter-spacing:-.04em;text-wrap:balance}.wv-feature-header[_ngcontent-ng-c953314268]   p[_ngcontent-ng-c953314268]{max-width:44rem;margin:0;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:clamp(1.05rem,1.5vw,1.18rem);line-height:1.68;text-wrap:pretty}.wv-feature-kicker[_ngcontent-ng-c953314268]{margin:0 0 .7rem;color:var(--wv-green-800, #267e67);font-size:.84rem;font-weight:800;letter-spacing:-.01em}.wv-feature-card-grid[_ngcontent-ng-c953314268]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(1.15rem,2vw,1.5rem)}.wv-feature-card[_ngcontent-ng-c953314268]{display:flex;height:100%;min-width:0;box-sizing:border-box;flex-direction:column;padding:clamp(1.4rem,2.4vw,1.8rem);border:1px solid var(--wv-border-medium, rgba(16, 47, 77, .1));border-radius:var(--wv-radius-lg, 1.1rem);background:var(--wv-surface, #ffffff);box-shadow:var(--wv-shadow-xs, 0 .25rem .75rem rgba(16, 47, 77, .035))}.wv-feature-card[_ngcontent-ng-c953314268]   h3[_ngcontent-ng-c953314268]{margin:1rem 0 .55rem;color:var(--wv-navy-900, #102f4d);font-size:1.1rem;line-height:1.3;letter-spacing:-.025em;text-wrap:balance}.wv-feature-card[_ngcontent-ng-c953314268]   p[_ngcontent-ng-c953314268]{margin:0;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:1rem;line-height:1.62;text-wrap:pretty}.wv-feature-card__icon[_ngcontent-ng-c953314268]{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:.85rem;color:var(--wv-navy-900, #102f4d);background:var(--wv-green-100, #e8f7f0)}.wv-feature-card__icon[_ngcontent-ng-c953314268]   mat-icon[_ngcontent-ng-c953314268]{width:1.35rem;height:1.35rem;font-size:1.35rem}@media screen and (640px<width<=980px){.wv-feature-card-grid[_ngcontent-ng-c953314268]{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem}.wv-feature-card[_ngcontent-ng-c953314268]{grid-column:span 3}.wv-feature-card[_ngcontent-ng-c953314268]:last-child:nth-child(odd){grid-column:2/span 4}}@media screen and (max-width:640px){.wv-feature-section[_ngcontent-ng-c953314268]{padding:3rem 1rem}.wv-feature-header[_ngcontent-ng-c953314268]{margin-bottom:1.75rem}.wv-feature-card-grid[_ngcontent-ng-c953314268]{grid-template-columns:1fr;gap:.9rem}.wv-feature-card[_ngcontent-ng-c953314268]{grid-column:auto;padding:1.25rem}}</style><style ng-app-id="ng">[_nghost-ng-c4251137840]{display:block}.wv-feature-section[_ngcontent-ng-c4251137840]{padding:clamp(4rem,5.5vw,5.5rem) 1.5rem;color:var(--wv-text-primary, #102f4d);background:var(--wv-background-muted, #f7fbf9)}.wv-feature-section__inner[_ngcontent-ng-c4251137840]{width:min(100%,var(--wv-content-width, 1180px));margin:0 auto}.wv-feature-kicker[_ngcontent-ng-c4251137840]{margin:0 0 .7rem;color:var(--wv-green-800, #267e67);font-size:.84rem;font-weight:800;letter-spacing:-.01em}.wv-feature-capability-panel[_ngcontent-ng-c4251137840]{padding:0}.wv-feature-capability-panel__header[_ngcontent-ng-c4251137840]{max-width:45rem;margin-bottom:clamp(2rem,3.5vw,2.75rem)}.wv-feature-capability-panel__header[_ngcontent-ng-c4251137840]   h2[_ngcontent-ng-c4251137840]{margin:.35rem 0 .85rem;color:var(--wv-navy-900, #102f4d);font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.1;letter-spacing:-.04em;text-wrap:balance}.wv-feature-capability-panel__header[_ngcontent-ng-c4251137840]   p[_ngcontent-ng-c4251137840]{margin:0;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:clamp(1rem,1.35vw,1.1rem);line-height:1.68;text-wrap:pretty}.wv-feature-capability-grid[_ngcontent-ng-c4251137840]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(1.1rem,2vw,1.4rem)}.wv-feature-capability-card[_ngcontent-ng-c4251137840]{height:100%;min-width:0;box-sizing:border-box;padding:clamp(1.35rem,2vw,1.65rem);border:1px solid var(--wv-border-medium, rgba(16, 47, 77, .1));border-radius:var(--wv-radius-lg, 1.1rem);background:var(--wv-surface, #ffffff);box-shadow:var(--wv-shadow-xs, 0 .25rem .75rem rgba(16, 47, 77, .035))}.wv-feature-capability-card[_ngcontent-ng-c4251137840]   h3[_ngcontent-ng-c4251137840]{margin:.9rem 0 .8rem;color:var(--wv-navy-900, #102f4d);font-size:1.08rem;line-height:1.3;letter-spacing:-.025em;text-wrap:balance}.wv-feature-capability-card[_ngcontent-ng-c4251137840]   ul[_ngcontent-ng-c4251137840]{display:grid;gap:.68rem;margin:0;padding:0;list-style:none}.wv-feature-capability-card[_ngcontent-ng-c4251137840]   li[_ngcontent-ng-c4251137840]{display:flex;gap:.58rem;align-items:flex-start;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:.96rem;line-height:1.52}.wv-feature-capability-card[_ngcontent-ng-c4251137840]   li[_ngcontent-ng-c4251137840]   mat-icon[_ngcontent-ng-c4251137840]{flex:0 0 auto;width:1rem;height:1rem;margin-top:.12rem;color:var(--wv-green-800, #267e67);font-size:1rem}.wv-feature-capability-card__icon[_ngcontent-ng-c4251137840]{display:inline-flex;width:2.35rem;height:2.35rem;align-items:center;justify-content:center;border-radius:.8rem;color:var(--wv-navy-900, #102f4d);background:var(--wv-green-100, #e8f7f0)}.wv-feature-capability-card__icon[_ngcontent-ng-c4251137840]   mat-icon[_ngcontent-ng-c4251137840]{width:1.28rem;height:1.28rem;font-size:1.28rem}@media screen and (max-width:1100px){.wv-feature-capability-grid[_ngcontent-ng-c4251137840]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}}@media screen and (max-width:640px){.wv-feature-section[_ngcontent-ng-c4251137840]{padding:3rem 1rem}.wv-feature-capability-grid[_ngcontent-ng-c4251137840]{grid-template-columns:1fr;gap:.9rem}.wv-feature-capability-panel__header[_ngcontent-ng-c4251137840]{margin-bottom:1.75rem}.wv-feature-capability-card[_ngcontent-ng-c4251137840]{padding:1.25rem}}</style><style ng-app-id="ng">[_nghost-ng-c2742721551]{display:block}.wv-feature-section[_ngcontent-ng-c2742721551]{padding:clamp(3.75rem,5.5vw,5rem) 1.5rem;border-top:1px solid var(--wv-border-soft, rgba(16, 47, 77, .07));color:var(--wv-text-primary, #102f4d);background:var(--wv-background, #ffffff)}.wv-feature-section--soft[_ngcontent-ng-c2742721551]{background:var(--wv-background-muted, #f7fbf9)}.wv-feature-section__inner[_ngcontent-ng-c2742721551]{width:min(100%,var(--wv-content-width, 1180px));margin:0 auto}.wv-feature-kicker[_ngcontent-ng-c2742721551]{margin:0 0 .7rem;color:var(--wv-green-800, #267e67);font-size:.84rem;font-weight:800;letter-spacing:-.01em}.wv-feature-showcase__grid[_ngcontent-ng-c2742721551]{display:grid;grid-template-columns:minmax(0,.82fr) minmax(22rem,1.18fr);gap:clamp(2.75rem,6vw,5.5rem);align-items:center}.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551]   .wv-feature-showcase__grid[_ngcontent-ng-c2742721551]{grid-template-columns:minmax(22rem,1.18fr) minmax(0,.82fr)}.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551]   .wv-feature-showcase__media[_ngcontent-ng-c2742721551]{order:-1}.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{justify-self:end}.wv-feature-showcase--without-image[_ngcontent-ng-c2742721551]   .wv-feature-showcase__grid[_ngcontent-ng-c2742721551]{grid-template-columns:1fr}.wv-feature-showcase--without-image[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{grid-column:1;max-width:48rem;justify-self:start}.wv-feature-showcase--without-image.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{grid-column:1;justify-self:end}.wv-feature-showcase__text[_ngcontent-ng-c2742721551]{max-width:35.5rem}.wv-feature-showcase__text[_ngcontent-ng-c2742721551]   h2[_ngcontent-ng-c2742721551]{margin:.35rem 0 1rem;color:var(--wv-navy-900, #102f4d);font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.12;letter-spacing:-.04em;text-wrap:balance}.wv-feature-showcase__text[_ngcontent-ng-c2742721551]   p[_ngcontent-ng-c2742721551]{margin:0 0 1.05rem;color:var(--wv-text-secondary, #173c59);font-size:clamp(1.02rem,1.3vw,1.11rem);line-height:1.7;text-wrap:pretty}.wv-feature-showcase__text[_ngcontent-ng-c2742721551]   p[_ngcontent-ng-c2742721551]:last-child{margin-bottom:0}.wv-feature-showcase__lead[_ngcontent-ng-c2742721551]{color:var(--wv-text-primary, #102f4d)!important;font-weight:600}.wv-feature-showcase__media[_ngcontent-ng-c2742721551]{align-self:center;min-width:0}
1271.wv-feature-showcase--wide-proof[_ngcontent-ng-c2742721551]   .wv-feature-showcase__grid[_ngcontent-ng-c2742721551]{grid-template-columns:1fr;gap:clamp(2rem,4vw,3rem)}.wv-feature-showcase--wide-proof[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{max-width:47rem}.wv-feature-showcase--wide-proof[_ngcontent-ng-c2742721551]   .wv-feature-showcase__media[_ngcontent-ng-c2742721551]{order:0;width:100%}.wv-feature-showcase--wide-proof.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{justify-self:end}.wv-feature-screenshot-card[_ngcontent-ng-c2742721551]   software-img[_ngcontent-ng-c2742721551]{display:block;width:100%;margin:0 auto}.wv-feature-note[_ngcontent-ng-c2742721551]{display:flex;gap:.75rem;align-items:flex-start;margin-top:1.5rem;padding:1rem 1.1rem;border:1px solid var(--wv-border-green, rgba(38, 126, 103, .18));border-radius:var(--wv-radius-md, .82rem);background:var(--wv-green-50, #f7fbf9);color:var(--wv-text-secondary, #173c59);font-size:.98rem;line-height:1.55}.wv-feature-note[_ngcontent-ng-c2742721551]   mat-icon[_ngcontent-ng-c2742721551]{flex:0 0 auto;color:var(--wv-green-800, #267e67)}@media screen and (max-width:980px){.wv-feature-showcase__grid[_ngcontent-ng-c2742721551], .wv-feature-showcase--reverse[_ngcontent-ng-c2742721551]   .wv-feature-showcase__grid[_ngcontent-ng-c2742721551], .wv-feature-showcase--without-image[_ngcontent-ng-c2742721551]   .wv-feature-showcase__grid[_ngcontent-ng-c2742721551]{grid-template-columns:1fr;gap:2rem}.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551]   .wv-feature-showcase__media[_ngcontent-ng-c2742721551]{order:0}.wv-feature-showcase--without-image[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551], .wv-feature-showcase--without-image.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{grid-column:1;justify-self:stretch}.wv-feature-showcase__text[_ngcontent-ng-c2742721551]{max-width:43rem;justify-self:start}.wv-feature-showcase--wide-proof.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{justify-self:start}}@media screen and (max-width:640px){.wv-feature-section[_ngcontent-ng-c2742721551]{padding:3rem 1rem}.wv-feature-showcase__grid[_ngcontent-ng-c2742721551], .wv-feature-showcase--reverse[_ngcontent-ng-c2742721551]   .wv-feature-showcase__grid[_ngcontent-ng-c2742721551], .wv-feature-showcase--without-image[_ngcontent-ng-c2742721551]   .wv-feature-showcase__grid[_ngcontent-ng-c2742721551]{gap:1.6rem}.wv-feature-showcase__text[_ngcontent-ng-c2742721551]   h2[_ngcontent-ng-c2742721551]{font-size:clamp(1.75rem,7vw,2.15rem);line-height:1.14}.wv-feature-showcase__text[_ngcontent-ng-c2742721551]   p[_ngcontent-ng-c2742721551]{margin-bottom:.9rem;font-size:.99rem;line-height:1.62}.wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{display:contents}.wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551] > .wv-feature-kicker[_ngcontent-ng-c2742721551], .wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551] > h2[_ngcontent-ng-c2742721551], .wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551] > .wv-feature-showcase__lead[_ngcontent-ng-c2742721551]{order:0}.wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551] > p[_ngcontent-ng-c2742721551]:not(.wv-feature-kicker,.wv-feature-showcase__lead), .wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551]   .wv-feature-showcase__text[_ngcontent-ng-c2742721551] > .wv-feature-note[_ngcontent-ng-c2742721551]{order:2}.wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551]   .wv-feature-showcase__media[_ngcontent-ng-c2742721551]{order:1;margin:.15rem 0 .75rem}.wv-feature-note[_ngcontent-ng-c2742721551]{margin-top:1.15rem;padding:.9rem 1rem}}</style><style ng-app-id="ng">[_nghost-ng-c2583991489]{display:block}.wv-feature-section[_ngcontent-ng-c2583991489]{padding:clamp(3.75rem,5.5vw,5rem) 1.5rem;color:var(--wv-text-primary, #102f4d);background:var(--wv-background, #ffffff)}.wv-feature-section__inner[_ngcontent-ng-c2583991489]{width:min(100%,var(--wv-content-width, 1180px));margin:0 auto}.wv-feature-header[_ngcontent-ng-c2583991489]{max-width:44rem;margin-bottom:clamp(1.75rem,3vw,2.35rem)}.wv-feature-header[_ngcontent-ng-c2583991489]   h2[_ngcontent-ng-c2583991489]{margin:.35rem 0 1rem;color:var(--wv-navy-900, #102f4d);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.04em;text-wrap:balance}.wv-feature-header[_ngcontent-ng-c2583991489]   p[_ngcontent-ng-c2583991489]{margin:0;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:clamp(1.05rem,1.5vw,1.18rem);line-height:1.68;text-wrap:pretty}.wv-feature-kicker[_ngcontent-ng-c2583991489]{margin:0 0 .7rem;color:var(--wv-green-800, #267e67);font-size:.84rem;font-weight:800;letter-spacing:-.01em}.wv-feature-related-grid[_ngcontent-ng-c2583991489]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:clamp(1rem,2vw,1.25rem)}.wv-feature-related-card[_ngcontent-ng-c2583991489]{display:flex;height:100%;min-width:0;box-sizing:border-box;flex-direction:column;padding:clamp(1.3rem,2vw,1.5rem);border:1px solid var(--wv-border-medium, rgba(16, 47, 77, .1));border-radius:var(--wv-radius-lg, 1.1rem);background:var(--wv-surface, #ffffff);box-shadow:var(--wv-shadow-xs, 0 .25rem .75rem rgba(16, 47, 77, .035));color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.wv-feature-related-card[_ngcontent-ng-c2583991489]   span[_ngcontent-ng-c2583991489]{display:block;margin-bottom:.55rem;color:var(--wv-navy-900, #102f4d);font-weight:800;letter-spacing:-.02em;text-wrap:balance}.wv-feature-related-card[_ngcontent-ng-c2583991489]   p[_ngcontent-ng-c2583991489]{margin:0;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:.97rem;line-height:1.58;text-wrap:pretty}.wv-feature-related-card[_ngcontent-ng-c2583991489]:hover, .wv-feature-related-card[_ngcontent-ng-c2583991489]:focus-visible{border-color:var(--wv-border-green, rgba(38, 126, 103, .18));box-shadow:var(--wv-shadow-md, 0 .75rem 1.6rem rgba(16, 47, 77, .08));transform:translateY(-.12rem);outline:none}@media screen and (max-width:640px){.wv-feature-section[_ngcontent-ng-c2583991489]{padding:3rem 1rem}.wv-feature-related-grid[_ngcontent-ng-c2583991489]{grid-template-columns:1fr;gap:.8rem}.wv-feature-related-card[_ngcontent-ng-c2583991489]{padding:1.2rem}}</style><style ng-app-id="ng">.cta-followup[_ngcontent-ng-c2967197727]{padding:clamp(3.5rem,6vw,5.25rem) 1.5rem;background:#fff}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__inner[_ngcontent-ng-c2967197727]{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,15.5rem);gap:clamp(1.5rem,4vw,3rem);align-items:center;max-width:1120px;margin:0 auto;padding:clamp(1.75rem,4vw,2.75rem);border:1px solid rgba(16,47,77,.08);border-radius:1.5rem;background:radial-gradient(circle at 16% 22%,rgba(150,214,180,.2),transparent 34%),linear-gradient(135deg,#f8fcfa,#fff 56%,#f7fbf9);box-shadow:0 1rem 2.2rem #102f4d12}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__content[_ngcontent-ng-c2967197727]{max-width:700px}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__kicker[_ngcontent-ng-c2967197727]{margin:0 0 .65rem;color:#267e67;font-size:.86rem;line-height:1.3;font-weight:900}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__heading[_ngcontent-ng-c2967197727]{margin:0;color:#102f4d;font-size:clamp(1.85rem,3vw,2.45rem);line-height:1.12;font-weight:900;letter-spacing:-.025em}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__subtext[_ngcontent-ng-c2967197727]{max-width:660px;margin:.9rem 0 0;color:#173c59c2;font-size:clamp(1rem,1.2vw,1.08rem);line-height:1.65}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__actions[_ngcontent-ng-c2967197727]{display:grid;grid-template-columns:1fr;gap:.62rem;width:100%}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__button[_ngcontent-ng-c2967197727]{display:inline-flex;min-height:2.75rem;
1271align-items:center;justify-content:center;border-radius:.72rem;padding:.65rem 1rem;font-size:.92rem;font-weight:900;text-align:center;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__button[_ngcontent-ng-c2967197727]:hover, .cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__button[_ngcontent-ng-c2967197727]:focus-visible{transform:translateY(-1px);outline:none}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__button[_ngcontent-ng-c2967197727]:focus-visible{outline:3px solid rgba(38,126,103,.24);outline-offset:3px}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__button--primary[_ngcontent-ng-c2967197727]{color:#102f4d;background:#ffe34d;border:1px solid rgba(16,47,77,.08);box-shadow:0 .4rem .9rem #102f4d16}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__button--primary[_ngcontent-ng-c2967197727]:hover, .cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__button--primary[_ngcontent-ng-c2967197727]:focus-visible{background:#ffdf35;box-shadow:0 .55rem 1.15rem #102f4d1c}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__button--secondary[_ngcontent-ng-c2967197727]{min-height:2.65rem;color:#173c59;background:#ffffffc2;border:1px solid rgba(16,47,77,.12);box-shadow:none}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__button--secondary[_ngcontent-ng-c2967197727]:hover, .cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__button--secondary[_ngcontent-ng-c2967197727]:focus-visible{background:#fff;border-color:#267e673d;box-shadow:0 .35rem .85rem #102f4d0e}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__meta[_ngcontent-ng-c2967197727]{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem .85rem;margin-top:.1rem;color:#173c59a3;font-size:.8rem;line-height:1.35}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__meta[_ngcontent-ng-c2967197727]   span[_ngcontent-ng-c2967197727]{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__meta[_ngcontent-ng-c2967197727]   mat-icon[_ngcontent-ng-c2967197727]{width:.9rem;height:.9rem;color:#267e67;font-size:.9rem;line-height:.9rem}@media(max-width:900px){.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__inner[_ngcontent-ng-c2967197727]{grid-template-columns:1fr;text-align:center}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__content[_ngcontent-ng-c2967197727]{max-width:none}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__subtext[_ngcontent-ng-c2967197727]{margin-right:auto;margin-left:auto}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__actions[_ngcontent-ng-c2967197727]{width:min(100%,26rem);margin:0 auto}}@media(max-width:767px){.cta-followup[_ngcontent-ng-c2967197727]{padding:1.8rem 1rem}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__inner[_ngcontent-ng-c2967197727]{gap:1.2rem;padding:1.25rem;border-radius:1.1rem}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__kicker[_ngcontent-ng-c2967197727]{margin-bottom:.5rem;font-size:.78rem}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__heading[_ngcontent-ng-c2967197727]{font-size:clamp(1.45rem,7.2vw,1.9rem);line-height:1.12}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__subtext[_ngcontent-ng-c2967197727]{margin-top:.75rem;font-size:.95rem;line-height:1.55}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__actions[_ngcontent-ng-c2967197727]{grid-template-columns:1fr!important;gap:.6rem;width:100%}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__button[_ngcontent-ng-c2967197727]{min-height:2.65rem;padding:.62rem .75rem;border-radius:.68rem;font-size:.88rem;width:min(100%,16rem);margin:auto}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__button--secondary[_ngcontent-ng-c2967197727]{min-height:2.65rem}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__meta[_ngcontent-ng-c2967197727]{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:center;gap:.45rem .7rem;margin-top:.15rem;font-size:.76rem}.cta-followup[_ngcontent-ng-c2967197727]   .cta-followup__meta[_ngcontent-ng-c2967197727]   span[_ngcontent-ng-c2967197727]{white-space:normal}}</style><style ng-app-id="ng">[_nghost-ng-c3832327306]{display:block}.software-img[_ngcontent-ng-c3832327306]{width:min(100%,64rem);margin:clamp(1.5rem,3vw,2.5rem) auto;color:var(--wv-text-secondary, #173c59)}.software-img--embedded[_ngcontent-ng-c3832327306]{width:100%;margin:0}.software-img__trigger[_ngcontent-ng-c3832327306]{position:relative;display:grid;width:100%;padding:clamp(.4rem,.8vw,.65rem);border:1px solid var(--wv-border-soft, rgba(16, 47, 77, .07));border-radius:var(--wv-radius-xl, 1.5rem);background:linear-gradient(135deg,rgba(255,255,255,.94) 0%,var(--wv-background-soft, #fbfdfc) 100%);box-shadow:var(--wv-shadow-lg, 0 1rem 2.4rem rgba(16, 47, 77, .075));cursor:zoom-in;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
1271.software-img__trigger[_ngcontent-ng-c3832327306]:hover, .software-img__trigger[_ngcontent-ng-c3832327306]:focus-visible{border-color:var(--wv-border-green, rgba(38, 126, 103, .18));box-shadow:0 1.2rem 2.6rem #102f4d1c;outline:none;transform:translateY(-1px)}.software-img__trigger[_ngcontent-ng-c3832327306]:focus-visible{outline:3px solid rgba(38,126,103,.24);outline-offset:4px}.software-img__image[_ngcontent-ng-c3832327306]{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--wv-radius-lg, 1.1rem);background:var(--wv-surface, #ffffff);object-fit:contain;object-position:center}.software-img__zoom-label[_ngcontent-ng-c3832327306]{display:inline-flex;align-items:center;justify-content:center;justify-self:end;min-height:2.1rem;margin-top:.65rem;padding:.45rem .75rem;border:1px solid var(--wv-border-green, rgba(38, 126, 103, .18));border-radius:999px;color:var(--wv-text-primary, #102f4d);background:var(--wv-green-50, #f7fbf9);font-size:.82rem;line-height:1;font-weight:800}.software-img__caption[_ngcontent-ng-c3832327306]{max-width:56rem;margin:.7rem auto 0;color:var(--wv-text-soft, rgba(23, 60, 89, .62));font-size:.9rem;line-height:1.45;text-align:center}.software-img__placeholder[_ngcontent-ng-c3832327306]{display:grid;min-height:clamp(12rem,38vw,28rem);place-items:center;border:1px dashed var(--wv-border-medium, rgba(16, 47, 77, .12));border-radius:var(--wv-radius-xl, 1.5rem);background:var(--wv-background-soft, #fbfdfc);color:var(--wv-text-soft, rgba(23, 60, 89, .62));font-size:.92rem;font-weight:750}.software-img--disabled[_ngcontent-ng-c3832327306]   .software-img__caption[_ngcontent-ng-c3832327306]{opacity:.75}.software-dialog[_ngcontent-ng-c3832327306]{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,2vw,2rem);overflow:auto}.software-dialog__backdrop[_ngcontent-ng-c3832327306]{position:fixed;inset:0;border:0;background:#08263dd1;cursor:zoom-out}.software-dialog__panel[_ngcontent-ng-c3832327306]{position:relative;z-index:1;display:grid;gap:.75rem;width:min(96vw,88rem);max-height:calc(100vh - 2rem);max-height:calc(100svh - 2rem);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.software-dialog__close[_ngcontent-ng-c3832327306]{position:absolute;top:-.85rem;right:-.85rem;z-index:2;display:inline-grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid rgba(16,47,77,.1);border-radius:999px;color:var(--wv-text-primary, #102f4d);background:var(--wv-button-primary-bg, #ffe34d);box-shadow:0 .65rem 1.3rem #102f4d29;cursor:pointer}.software-dialog__close[_ngcontent-ng-c3832327306]   span[_ngcontent-ng-c3832327306]{display:block;font-size:1.55rem;line-height:1;transform:translateY(-1px)}.software-dialog__close[_ngcontent-ng-c3832327306]:hover, .software-dialog__close[_ngcontent-ng-c3832327306]:focus-visible{background:var(--wv-button-primary-bg-hover, #ffdd2e);outline:none}.software-dialog__close[_ngcontent-ng-c3832327306]:focus-visible{outline:3px solid rgba(38,126,103,.24);outline-offset:3px}.software-dialog__image[_ngcontent-ng-c3832327306]{display:block;width:100%;max-height:calc(100vh - 5rem);max-height:calc(100svh - 5rem);height:auto;border:1px solid rgba(255,255,255,.18);border-radius:var(--wv-radius-lg, 1.1rem);background:var(--wv-surface, #ffffff);box-shadow:0 1.5rem 4rem #00000052;object-fit:contain;object-position:center}.software-dialog__caption[_ngcontent-ng-c3832327306]{justify-self:center;max-width:min(100%,48rem);margin:0;padding:.45rem .75rem;border-radius:999px;color:#fff;background:#08263db8;font-size:.86rem;line-height:1.35;text-align:center}@media(max-width:767px){.software-img[_ngcontent-ng-c3832327306]{width:100%;margin:1.35rem auto}.software-img__trigger[_ngcontent-ng-c3832327306]{padding:.38rem;border-radius:var(--wv-radius-lg, 1.1rem);box-shadow:var(--wv-shadow-md, 0 .75rem 1.6rem rgba(16, 47, 77, .08))}.software-img__image[_ngcontent-ng-c3832327306]{border-radius:.78rem}.software-img__zoom-label[_ngcontent-ng-c3832327306]{min-height:1.9rem;margin-top:.5rem;padding:.38rem .62rem;font-size:.76rem}.software-img--embedded[_ngcontent-ng-c3832327306]{margin:0}.software-img__caption[_ngcontent-ng-c3832327306]{margin-top:.6rem;font-size:.82rem;line-height:1.4}
1271.software-dialog[_ngcontent-ng-c3832327306]{align-items:center;padding:.65rem}.software-dialog__panel[_ngcontent-ng-c3832327306]{width:100%;max-height:none;gap:.55rem}.software-dialog__close[_ngcontent-ng-c3832327306]{top:.55rem;right:.55rem;width:2.3rem;height:2.3rem}.software-dialog__image[_ngcontent-ng-c3832327306]{width:100%;max-height:calc(100vh - 5.6rem);max-height:calc(100svh - 5.6rem);border-radius:.85rem;object-fit:contain}.software-dialog__caption[_ngcontent-ng-c3832327306]{max-width:calc(100vw - 2rem);padding:.4rem .65rem;font-size:.78rem}}</style><style ng-app-id="ng">[_nghost-ng-c704882465]{display:block;background:#f7fbf8;padding:1rem clamp(1rem,5vw,5rem) 0}.page-breadcrumbs-host--embedded[_nghost-ng-c704882465]{background:transparent;padding:0}.page-breadcrumbs[_ngcontent-ng-c704882465]{width:min(1120px,100%);margin-inline:auto;color:#173c59b8;font-size:.88rem;font-weight:700;line-height:1.4}.page-breadcrumbs-host--embedded[_nghost-ng-c704882465]   .page-breadcrumbs[_ngcontent-ng-c704882465]{width:min(1200px,100%)}ol[_ngcontent-ng-c704882465]{display:flex;flex-wrap:wrap;gap:.35rem .55rem;align-items:center;margin:0;padding:0;list-style:none}li[_ngcontent-ng-c704882465]{display:inline-flex;align-items:center;min-width:0}li[_ngcontent-ng-c704882465]:not(:last-child):after{content:"/";margin-left:.55rem;color:#173c595c}a[_ngcontent-ng-c704882465]{color:#267e67;text-decoration:none}a[_ngcontent-ng-c704882465]:hover, a[_ngcontent-ng-c704882465]:focus-visible{color:#102f4d;outline:none;text-decoration:underline;text-underline-offset:.18rem}span[_ngcontent-ng-c704882465]{color:#102f4dd6}</style></head>
1272<body class="mat-typography"><!--nghm-->
1273<ehr-root ng-version="22.0.0" _nghost-ng-c4002164871 ngskiphydration ng-server-context="ssg"><mat-sidenav-container _ngcontent-ng-c4002164871 class="mat-drawer-container mat-sidenav-container ehr-container"><div class="mat-drawer-backdrop"></div><!----><mat-sidenav _ngcontent-ng-c4002164871 id="mobile-navigation" mode="over" class="mat-drawer mat-sidenav mobile-sidenav mat-drawer-over" tabindex="-1"><div cdkscrollable class="mat-drawer-inner-container"><nav _ngcontent-ng-c4002164871 class="mobile-menu"><img _ngcontent-ng-c4002164871 src="/assets/logo-navbar.webp" alt="WorkVine" width="180" height="48"><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Oplossingen</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Sectoren</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Prijzen</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Klanten</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">FAQ</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Contact</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><!----><div _ngcontent-ng-c4002164871 aria-hidden="true" class="mobile-menu__divider"></div><p _ngcontent-ng-c4002164871 class="mobile-menu__section-label">Inloggen</p><a _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="https://app.workvine.nl"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label"><span _ngcontent-ng-c4002164871>Medewerker App</span><small _ngcontent-ng-c4002164871>Voor medewerkers</small></span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a><a _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="https://office.workvine.nl/login"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label"><span _ngcontent-ng-c4002164871>Office App</span><small _ngcontent-ng-c4002164871>Voor HR en managers</small></span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a><a _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="https://locatie.workvine.nl/"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label"><span _ngcontent-ng-c4002164871>Locatie App</span><small _ngcontent-ng-c4002164871>Voor urenregistratie op locatie</small></span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a><!----><div _ngcontent-ng-c4002164871 aria-hidden="true" class="mobile-menu__divider"></div><p _ngcontent-ng-c4002164871 class="mobile-menu__section-label">Taal kiezen</p><div _ngcontent-ng-c4002164871 role="group" class="mobile-language-switch" aria-label="Taal kiezen"><span _ngcontent-ng-c4002164871 aria-current="page">Nederlands</span><a _ngcontent-ng-c4002164871 href="https://workvine.eu/apps/employee-app" hreflang="en"> English </a></div><!----><button _ngcontent-ng-c4002164871 mat-raised-button class="mdc-button mat-mdc-button-base primary-cta-btn mdc-button--raised mat-mdc-raised-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Demo </span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button></nav></div></mat-sidenav><mat-sidenav-content _ngcontent-ng-c4002164871 class="mat-drawer-content mat-sidenav-content ehr-content"><mat-toolbar _ngcontent-ng-c4002164871 class="mat-toolbar header-toolbar mat-toolbar-single-row"><div _ngcontent-ng-c4002164871 class="toolbar-container">
1273<a _ngcontent-ng-c4002164871 class="logo" href="/"><img _ngcontent-ng-c4002164871 src="/assets/logo-navbar.webp" alt="WorkVine" width="180" height="48" class="logo-image"></a><div _ngcontent-ng-c4002164871 class="spacer"></div><nav _ngcontent-ng-c4002164871 class="desktop-menu"><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base nav-menu-btn mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Oplossingen</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base nav-menu-btn mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Sectoren</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base nav-menu-btn mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Prijzen</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base nav-menu-btn mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Klanten</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base nav-menu-btn mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">FAQ</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base nav-menu-btn mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Contact</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><!----></nav><div _ngcontent-ng-c4002164871 class="header-actions"><div _ngcontent-ng-c4002164871 role="group" class="language-switch" aria-label="Taal kiezen"><span _ngcontent-ng-c4002164871 aria-current="page" class="language-switch__option language-switch__option--current" title="Nederlands">NL</span><a _ngcontent-ng-c4002164871 class="language-switch__option" href="https://workvine.eu/apps/employee-app" hreflang="en" aria-label="English" title="English">EN</a></div><!----><button _ngcontent-ng-c4002164871 mat-button aria-label="Inloggen bij WorkVine" class="mdc-button mat-mdc-button-base mat-mdc-menu-trigger login-trigger mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" aria-haspopup="menu" aria-expanded="false"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label"><span _ngcontent-ng-c4002164871>Inloggen</span></span><mat-icon _ngcontent-ng-c4002164871 role="img" iconpositionend aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">expand_more</mat-icon><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><!----><mat-menu _ngcontent-ng-c4002164871 xposition="before" class><!----></mat-menu><button _ngcontent-ng-c4002164871 mat-raised-button color="accent" class="mdc-button mat-mdc-button-base primary-cta-btn mdc-button--raised mat-mdc-raised-button mat-accent" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Demo </span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button></div><div _ngcontent-ng-c4002164871 class="mobile-menu-icon"><button _ngcontent-ng-c4002164871 mat-icon-button color="accent" type="button" aria-controls="mobile-navigation" class="mdc-icon-button mat-mdc-icon-button mat-mdc-button-base menu-toggle mat-accent" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" mat-ripple-loader-centered aria-label="Menu openen" aria-expanded="false"><span class="mat-mdc-button-persistent-ripple mdc-icon-button__ripple"></span><span _ngcontent-ng-c4002164871 aria-hidden="true" class="menu-toggle__icon"><span _ngcontent-ng-c4002164871></span><span _ngcontent-ng-c4002164871></span><span _ngcontent-ng-c4002164871></span></span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button></div></div></mat-toolbar><main _ngcontent-ng-c4002164871><router-outlet _ngcontent-ng-c4002164871></router-outlet><ehr-employee-app _nghost-ng-c1136995975><ehr-feature-banner _ngcontent-ng-c1136995975 vimeoposter vimeopostermobile vimeoposterweb _nghost-ng-c1486936902><section _ngcontent-ng-c1486936902 class="feature-banner feature-banner--with-breadcrumbs feature-banner--text-only"><ehr-page-breadcrumbs _ngcontent-ng-c1486936902 _nghost-ng-c704882465 class="page-breadcrumbs-host--embedded"><nav _ngcontent-ng-c704882465 aria-label="Breadcrumb" class="page-breadcrumbs"><ol _ngcontent-ng-c704882465><li _ngcontent-ng-c704882465><!----><a _ngcontent-ng-c704882465 href="/">Home</a><!----></li><li _ngcontent-ng-c704882465><!----><a _ngcontent-ng-c704882465 href="/apps">Apps</a><!----></li><li _ngcontent-ng-c704882465><span _ngcontent-ng-c704882465 aria-current="page">Medewerker App</span><!----><!----></li><!----></ol></nav></ehr-page-breadcrumbs><!----><div _ngcontent-ng-c1486936902 class="feature-banner__inner"><div _ngcontent-ng-c1486936902 class="feature-banner__content"><h1 _ngcontent-ng-c1486936902 class="feature-banner__title">Alles wat medewerkers nodig hebben in één app</h1><p _ngcontent-ng-c1486936902 class="feature-banner__text">Medewerkers zien hun rooster, acties, verlof, ziekmelding, trainingen, gesprekken en updates op één plek. Je bepaalt per organisatie wat zichtbaar is.</p><div _ngcontent-ng-c1486936902 class="feature-banner__actions"><a _ngcontent-ng-c1486936902 class="feature-banner__cta feature-banner__cta--primary" href="/demo">Plan demo</a><!----></div></div><!----></div></section></ehr-feature-banner><main _ngcontent-ng-c1136995975 aria-label="WorkVine Medewerker App" class="wv-employee-app"><ehr-workvine-feature-intro-cards-section _ngcontent-ng-c1136995975 sectionid="employee-app-intro-heading" kicker="Voor medewerkers" title="Meer duidelijkheid voor medewerkers, minder losse vragen voor HR" intro="De Medewerker App geeft medewerkers toegang tot wat zij nodig hebben. Je organisatie bepaalt welke functies beschikbaar zijn, zodat medewerkers alleen zien wat relevant is." _nghost-ng-c953314268><section _ngcontent-ng-c953314268 class="wv-feature-section wv-feature-section--intro" aria-labelledby="employee-app-intro-heading"><div _ngcontent-ng-c953314268 class="wv-feature-section__inner"><div _ngcontent-ng-c953314268 class="wv-feature-header"><p _ngcontent-ng-c953314268 class="wv-feature-kicker">Voor medewerkers</p><h2 _ngcontent-ng-c953314268 id="employee-app-intro-heading">Meer duidelijkheid voor medewerkers, minder losse vragen voor HR</h2><p _ngcontent-ng-c953314268>De Medewerker App geeft medewerkers toegang tot wat zij nodig hebben. Je organisatie bepaalt welke functies beschikbaar zijn, zodat medewerkers alleen zien wat relevant is.</p></div><div _ngcontent-ng-c953314268 class="wv-feature-card-grid"><article _ngcontent-ng-c953314268 class="wv-feature-card"><span _ngcontent-ng-c953314268 aria-hidden="true" class="wv-feature-card__icon"><mat-icon _ngcontent-ng-c953314268 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">calendar_month</mat-icon></span><h3 _ngcontent-ng-c953314268>Vandaag duidelijk</h3><p _ngcontent-ng-c953314268>Medewerkers zien hun rooster, open acties, meldingen en belangrijke updates zodra ze de app openen.</p></article><article _ngcontent-ng-c953314268 class="wv-feature-card"><span _ngcontent-ng-c953314268 aria-hidden="true" class="wv-feature-card__icon"><mat-icon _ngcontent-ng-c953314268 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">task_alt</mat-icon></span><h3 _ngcontent-ng-c953314268>Zelf zaken regelen</h3><p _ngcontent-ng-c953314268>Medewerkers regelen dagelijkse zaken zelf, van verlof en uren tot shiftwissels, trainingen, onderzoeken en open acties.</p></article><article _ngcontent-ng-c953314268 class="wv-feature-card"><span _ngcontent-ng-c953314268 aria-hidden="true" class="wv-feature-card__icon"><mat-icon _ngcontent-ng-c953314268 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">forum</mat-icon></span><h3 _ngcontent-ng-c953314268>Communicatie dichtbij het werk</h3><p _ngcontent-ng-c953314268>Teamupdates, communityberichten en chat blijven verbonden met de organisatie, niet verspreid over losse groepen.</p></article><!----></div></div></section></ehr-workvine-feature-intro-cards-section><ehr-workvine-feature-showcase-section _ngcontent-ng-c1136995975 _nghost-ng-c2742721551><section _ngcontent-ng-c2742721551 class="wv-feature-section wv-feature-showcase wv-feature-showcase--reverse" aria-labelledby="showcase-0"><div _ngcontent-ng-c2742721551 class="wv-feature-section__inner"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__grid"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__text"><p _ngcontent-ng-c2742721551 class="wv-feature-kicker">
1273Dagelijks overzicht</p><!----><h2 _ngcontent-ng-c2742721551 id="showcase-0">Rooster, acties en updates meteen zichtbaar</h2><p _ngcontent-ng-c2742721551 class="wv-feature-showcase__lead">De Medewerker App geeft medewerkers een duidelijk startpunt voor hun werkdag. Ze zien hun rooster, open acties, meldingen en updates op één plek.</p><p _ngcontent-ng-c2742721551 class>Zo hoeven medewerkers minder te zoeken en hoeven HR en leidinggevenden minder losse vragen te beantwoorden.</p><!----><!----></div><!----><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__media"><div _ngcontent-ng-c2742721551 class="wv-feature-screenshot-card"><software-img _ngcontent-ng-c2742721551 _nghost-ng-c3832327306><figure _ngcontent-ng-c3832327306 class="software-img software-img--embedded"><button _ngcontent-ng-c3832327306 type="button" class="software-img__trigger" aria-label="Vergroot afbeelding: Rooster, acties en updates in de Medewerker App"><img _ngcontent-ng-c3832327306 loading="lazy" decoding="async" width="1600" height="900" class="software-img__image" src="/assets/features/medewerker-app/medewerker-app-dashboard.webp" alt="Dashboard van de WorkVine Medewerker App met rooster, acties en updates"><span _ngcontent-ng-c3832327306 class="software-img__zoom-label"> Bekijk groter </span></button><!----><!----><figcaption _ngcontent-ng-c3832327306 class="software-img__caption"> Rooster, acties en updates in de Medewerker App </figcaption><!----></figure><!----></software-img></div></div><!----></div></div></section></ehr-workvine-feature-showcase-section><ehr-workvine-feature-showcase-section _ngcontent-ng-c1136995975 _nghost-ng-c2742721551><section _ngcontent-ng-c2742721551 class="wv-feature-section wv-feature-showcase" aria-labelledby="showcase-1"><div _ngcontent-ng-c2742721551 class="wv-feature-section__inner"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__grid"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__text"><p _ngcontent-ng-c2742721551 class="wv-feature-kicker">Zelf regelen</p><!----><h2 _ngcontent-ng-c2742721551 id="showcase-1">Verlof, uren, taken en meldingen zonder losse formulieren</h2><p _ngcontent-ng-c2742721551 class="wv-feature-showcase__lead">Afhankelijk van de inrichting kunnen medewerkers zelf verlof aanvragen, uren registreren, taken afronden en meldingen ontvangen over wat aandacht vraagt.</p><p _ngcontent-ng-c2742721551 class>De opvolging blijft zichtbaar in de Office App, zodat HR en leidinggevenden weten wat openstaat en wie moet handelen.</p><!----><!----></div><!----><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__media"><div _ngcontent-ng-c2742721551 class="wv-feature-screenshot-card"><software-img _ngcontent-ng-c2742721551 _nghost-ng-c3832327306><figure _ngcontent-ng-c3832327306 class="software-img software-img--embedded"><button _ngcontent-ng-c3832327306 type="button" class="software-img__trigger" aria-label="Vergroot afbeelding: Acties en meldingen voor medewerkers"><img _ngcontent-ng-c3832327306 loading="lazy" decoding="async" width="1600" height="900" class="software-img__image" src="/assets/features/medewerker-app/medewerker-app-acties.webp" alt="Open acties en meldingen in de WorkVine Medewerker App"><span _ngcontent-ng-c3832327306 class="software-img__zoom-label"> Bekijk groter </span></button><!----><!----><figcaption _ngcontent-ng-c3832327306 class="software-img__caption"> Acties en meldingen voor medewerkers </figcaption><!----></figure><!----></software-img></div></div><!----></div></div></section></ehr-workvine-feature-showcase-section><ehr-workvine-feature-showcase-section _ngcontent-ng-c1136995975 _nghost-ng-c2742721551><section _ngcontent-ng-c2742721551 class="wv-feature-section wv-feature-showcase wv-feature-section--soft wv-feature-showcase--reverse" aria-labelledby="showcase-2"><div _ngcontent-ng-c2742721551 class="wv-feature-section__inner"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__grid"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__text"><p _ngcontent-ng-c2742721551 class="wv-feature-kicker">Communicatie</p><!----><h2 _ngcontent-ng-c2742721551 id="showcase-2">Community en chat zonder losse WhatsApp-groepen</h2><p _ngcontent-ng-c2742721551 class="wv-feature-showcase__lead">Teams kunnen updates delen via communityberichten en direct communiceren via chat.</p><p _ngcontent-ng-c2742721551 class>Communicatie blijft gekoppeld aan de organisatie, het team en de medewerkercontext. Dat maakt informatie beter vindbaar en opvolgbaar.</p><!----><!----></div><!----><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__media"><div _ngcontent-ng-c2742721551 class="wv-feature-screenshot-card"><software-img _ngcontent-ng-c2742721551 _nghost-ng-c3832327306>
1273<figure _ngcontent-ng-c3832327306 class="software-img software-img--embedded"><button _ngcontent-ng-c3832327306 type="button" class="software-img__trigger" aria-label="Vergroot afbeelding: Community en chat voor medewerkers"><img _ngcontent-ng-c3832327306 loading="lazy" decoding="async" width="1600" height="900" class="software-img__image" src="/assets/features/medewerker-app/medewerker-app-communicatie.webp" alt="Community en chat in de WorkVine Medewerker App"><span _ngcontent-ng-c3832327306 class="software-img__zoom-label"> Bekijk groter </span></button><!----><!----><figcaption _ngcontent-ng-c3832327306 class="software-img__caption"> Community en chat voor medewerkers </figcaption><!----></figure><!----></software-img></div></div><!----></div></div></section></ehr-workvine-feature-showcase-section><!----><ehr-workvine-feature-capability-grid-section _ngcontent-ng-c1136995975 sectionid="employee-app-self-service-heading" kicker="Zelf regelen" title="Wat medewerkers direct zelf kunnen doen" intro="Je bepaalt per organisatie welke functies beschikbaar zijn. Medewerkers zien alleen wat voor hen relevant is: rooster, beschikbaarheid, verlof, uren, inklokken, training, onderzoeken, communicatie en acties." _nghost-ng-c4251137840><section _ngcontent-ng-c4251137840 class="wv-feature-section wv-feature-section--capabilities" aria-labelledby="employee-app-self-service-heading"><div _ngcontent-ng-c4251137840 class="wv-feature-section__inner"><div _ngcontent-ng-c4251137840 class="wv-feature-capability-panel"><div _ngcontent-ng-c4251137840 class="wv-feature-capability-panel__header"><p _ngcontent-ng-c4251137840 class="wv-feature-kicker">Zelf regelen</p><h2 _ngcontent-ng-c4251137840 id="employee-app-self-service-heading">Wat medewerkers direct zelf kunnen doen</h2><p _ngcontent-ng-c4251137840>Je bepaalt per organisatie welke functies beschikbaar zijn. Medewerkers zien alleen wat voor hen relevant is: rooster, beschikbaarheid, verlof, uren, inklokken, training, onderzoeken, communicatie en acties.</p></div><div _ngcontent-ng-c4251137840 class="wv-feature-capability-grid"><article _ngcontent-ng-c4251137840 class="wv-feature-capability-card"><span _ngcontent-ng-c4251137840 aria-hidden="true" class="wv-feature-capability-card__icon"><mat-icon _ngcontent-ng-c4251137840 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">calendar_month</mat-icon></span><h3 _ngcontent-ng-c4251137840>Rooster en beschikbaarheid</h3><ul _ngcontent-ng-c4251137840><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Rooster bekijken</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Beschikbaarheid doorgeven</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Dienst ruilen of overnemen wanneer ingeschakeld</span></li><!----></ul></article><article _ngcontent-ng-c4251137840 class="wv-feature-capability-card"><span _ngcontent-ng-c4251137840 aria-hidden="true" class="wv-feature-capability-card__icon"><mat-icon _ngcontent-ng-c4251137840 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">timer</mat-icon></span><h3 _ngcontent-ng-c4251137840>Uren en aanwezigheid</h3><ul _ngcontent-ng-c4251137840><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon>
1273<span _ngcontent-ng-c4251137840>In- en uitklokken wanneer ingeschakeld</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Uren registreren of controleren</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Meldingen ontvangen bij open acties rond uren</span></li><!----></ul></article><article _ngcontent-ng-c4251137840 class="wv-feature-capability-card"><span _ngcontent-ng-c4251137840 aria-hidden="true" class="wv-feature-capability-card__icon"><mat-icon _ngcontent-ng-c4251137840 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">event_available</mat-icon></span><h3 _ngcontent-ng-c4251137840>Verlof en verzuim</h3><ul _ngcontent-ng-c4251137840><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Verlof aanvragen en volgen</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Ziek- of herstelmelding doen wanneer ingeschakeld</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Taken en opvolgacties afronden</span></li><!----></ul></article><article _ngcontent-ng-c4251137840 class="wv-feature-capability-card"><span _ngcontent-ng-c4251137840 aria-hidden="true" class="wv-feature-capability-card__icon"><mat-icon _ngcontent-ng-c4251137840 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">school</mat-icon></span><h3 _ngcontent-ng-c4251137840>Training en ontwikkeling</h3><ul _ngcontent-ng-c4251137840><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Trainingen volgen</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Certificaten bekijken</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Gesprekken, doelen en HR-trajecten terugvinden</span></li><!----></ul></article><article _ngcontent-ng-c4251137840 class="wv-feature-capability-card"><span _ngcontent-ng-c4251137840 aria-hidden="true" class="wv-feature-capability-card__icon"><mat-icon _ngcontent-ng-c4251137840 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">monitor_heart</mat-icon></span><h3 _ngcontent-ng-c4251137840>Pulse, eNPS en onderzoeken</h3><ul _ngcontent-ng-c4251137840><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Pulse-vragen invullen</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon>
1273<span _ngcontent-ng-c4251137840>eNPS of medewerkeronderzoek beantwoorden</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Feedback geven wanneer een onderzoek is toegewezen</span></li><!----></ul></article><article _ngcontent-ng-c4251137840 class="wv-feature-capability-card"><span _ngcontent-ng-c4251137840 aria-hidden="true" class="wv-feature-capability-card__icon"><mat-icon _ngcontent-ng-c4251137840 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">forum</mat-icon></span><h3 _ngcontent-ng-c4251137840>Communicatie en updates</h3><ul _ngcontent-ng-c4251137840><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Community updates lezen</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Chatten met collega’s of teams</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Praktische informatie en teamafspraken terugvinden</span></li><!----></ul></article><!----></div></div></div></section></ehr-workvine-feature-capability-grid-section><ehr-workvine-feature-showcase-section _ngcontent-ng-c1136995975 sectionid="employee-app-branded-heading" noteicon="app_shortcut" notetext="Beschikbaar als optionele uitbreiding voor organisaties die een eigen app in de App Store of Google Play willen aanbieden." _nghost-ng-c2742721551><section _ngcontent-ng-c2742721551 class="wv-feature-section wv-feature-showcase wv-feature-section--soft" aria-labelledby="employee-app-branded-heading"><div _ngcontent-ng-c2742721551 class="wv-feature-section__inner"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__grid"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__text"><p _ngcontent-ng-c2742721551 class="wv-feature-kicker">Eigen app</p><!----><h2 _ngcontent-ng-c2742721551 id="employee-app-branded-heading">Ook beschikbaar als eigen medewerker-app</h2><p _ngcontent-ng-c2742721551 class="wv-feature-showcase__lead">Naast de standaard WorkVine Medewerker App kun je kiezen voor een eigen app met de naam en uitstraling van je organisatie.</p><p _ngcontent-ng-c2742721551 class>De app krijgt je eigen naam, app-icoon en splashscreen en blijft direct gekoppeld aan WorkVine.</p><!----><div _ngcontent-ng-c2742721551 class="wv-feature-note"><mat-icon _ngcontent-ng-c2742721551 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">app_shortcut</mat-icon><!----><span _ngcontent-ng-c2742721551>Beschikbaar als optionele uitbreiding voor organisaties die een eigen app in de App Store of Google Play willen aanbieden.</span></div><!----></div><!----><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__media"><div _ngcontent-ng-c2742721551 class="wv-feature-screenshot-card"><software-img _ngcontent-ng-c2742721551 _nghost-ng-c3832327306><figure _ngcontent-ng-c3832327306 class="software-img software-img--embedded"><button _ngcontent-ng-c3832327306 type="button" class="software-img__trigger" aria-label="Vergroot afbeelding: Eigen app met naam, logo en splashscreen"><img _ngcontent-ng-c3832327306 loading="lazy" decoding="async" width="1600" height="900" class="software-img__image" src="/assets/features/medewerker-app/medewerker-app-eigen-huisstijl.webp" alt="Eigen medewerker-app met app-icoon en splashscreen"><span _ngcontent-ng-c3832327306 class="software-img__zoom-label"> Bekijk groter </span></button><!----><!----><figcaption _ngcontent-ng-c3832327306 class="software-img__caption"> Eigen app met naam, logo en splashscreen </figcaption><!----></figure><!----></software-img></div></div><!----></div></div></section></ehr-workvine-feature-showcase-section><ehr-workvine-feature-related-links-section _ngcontent-ng-c1136995975 sectionid="employee-app-related-heading" kicker="Verbonden met WorkVine" title="De app werkt vanuit dezelfde WorkVine-basis" intro="Wat medewerkers in de app zien, sluit aan op wat HR, leidinggevenden en planners in de Office App beheren. Roosters, acties, trainingen, documenten en communicatie blijven onderdeel van dezelfde actuele informatie." _nghost-ng-c2583991489><section _ngcontent-ng-c2583991489 class="wv-feature-section wv-feature-section--related" aria-labelledby="employee-app-related-heading"><div _ngcontent-ng-c2583991489 class="wv-feature-section__inner"><div _ngcontent-ng-c2583991489 class="wv-feature-header wv-feature-header--compact"><p _ngcontent-ng-c2583991489 class="wv-feature-kicker">Verbonden met WorkVine</p><h2 _ngcontent-ng-c2583991489 id="employee-app-related-heading">De app werkt vanuit dezelfde WorkVine-basis</h2><p _ngcontent-ng-c2583991489>Wat medewerkers in de app zien, sluit aan op wat HR, leidinggevenden en planners in de Office App beheren. Roosters, acties, trainingen, documenten en communicatie blijven onderdeel van dezelfde actuele informatie.</p></div><div _ngcontent-ng-c2583991489 class="wv-feature-related-grid"><a _ngcontent-ng-c2583991489 class="wv-feature-related-card" href="/apps/office-app"><span _ngcontent-ng-c2583991489>Office App</span>
1273<p _ngcontent-ng-c2583991489>Voor HR, leidinggevenden en planners die medewerkers, planning en opvolging beheren.</p></a><a _ngcontent-ng-c2583991489 class="wv-feature-related-card" href="/modules/planning"><span _ngcontent-ng-c2583991489>Planning</span><p _ngcontent-ng-c2583991489>Voor roosters, beschikbaarheid, verlof, verzuim en dagelijkse bezetting.</p></a><a _ngcontent-ng-c2583991489 class="wv-feature-related-card" href="/modules/training-ontwikkeling"><span _ngcontent-ng-c2583991489>Training &amp; Ontwikkeling</span><p _ngcontent-ng-c2583991489>Voor onboarding, trainingen, certificaten en voortgang.</p></a><a _ngcontent-ng-c2583991489 class="wv-feature-related-card" href="/modules/communicatie"><span _ngcontent-ng-c2583991489>Communicatie</span><p _ngcontent-ng-c2583991489>Voor community updates, chat, teamberichten en interne communicatie.</p></a><!----></div></div></section></ehr-workvine-feature-related-links-section></main><ehr-cta-follow-up-banner _ngcontent-ng-c1136995975 headline="Bekijk hoe medewerkers met WorkVine werken" subtext="Plan een demo en zie hoe rooster, acties, verlof, uren, training en communicatie samenkomen in één app." primarybuttontext="Plan een demo" primarybuttonlink="/demo" secondarybuttontext="Bekijk alle apps" secondarybuttonlink="/apps" _nghost-ng-c2967197727><section _ngcontent-ng-c2967197727 aria-labelledby="cta-followup-heading" class="cta-followup"><div _ngcontent-ng-c2967197727 class="cta-followup__inner"><div _ngcontent-ng-c2967197727 class="cta-followup__content"><p _ngcontent-ng-c2967197727 class="cta-followup__kicker"> Waar werk, mens en groei samenkomen </p><h2 _ngcontent-ng-c2967197727 id="cta-followup-heading" class="cta-followup__heading"> Bekijk hoe medewerkers met WorkVine werken </h2><p _ngcontent-ng-c2967197727 class="cta-followup__subtext"> Plan een demo en zie hoe rooster, acties, verlof, uren, training en communicatie samenkomen in één app. </p></div><div _ngcontent-ng-c2967197727 aria-label="Vervolgacties" class="cta-followup__actions"><a _ngcontent-ng-c2967197727 class="cta-followup__button cta-followup__button--primary" href="/demo"> Plan een demo </a><a _ngcontent-ng-c2967197727 class="cta-followup__button cta-followup__button--secondary" href="/apps"> Bekijk alle apps </a><!----><div _ngcontent-ng-c2967197727 aria-label="Demo informatie" class="cta-followup__meta"><span _ngcontent-ng-c2967197727><mat-icon _ngcontent-ng-c2967197727 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">schedule</mat-icon> Demo duurt ±20 minuten </span><span _ngcontent-ng-c2967197727><mat-icon _ngcontent-ng-c2967197727 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check_circle</mat-icon> Geheel vrijblijvend </span></div></div></div></section></ehr-cta-follow-up-banner></ehr-employee-app><!----></main><ehr-cookie-banner _ngcontent-ng-c4002164871 _nghost-ng-c4202300216><!----></ehr-cookie-banner><ehr-footer _ngcontent-ng-c4002164871 _nghost-ng-c1935281767><footer _ngcontent-ng-c1935281767 class="site-footer"><div _ngcontent-ng-c1935281767 class="footer-container"><section _ngcontent-ng-c1935281767 aria-label="WorkVine contactgegevens" class="footer-section footer-section--brand"><a _ngcontent-ng-c1935281767 aria-label="WorkVine home" class="footer-logo" href="/"><img _ngcontent-ng-c1935281767 src="/assets/logo-navbar.webp" alt="WorkVine" width="180" height="48" loading="lazy" decoding="async"></a><p _ngcontent-ng-c1935281767 class="footer-description"> Waar werk, mens en groei samenkomen </p><address _ngcontent-ng-c1935281767 class="footer-address"> IJsbaanpad 84E<br _ngcontent-ng-c1935281767> 1076 CW Amsterdam<br _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="mailto:[email protected]">[email protected]</a><br _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="tel:+31852129076">085 212 9076</a></address></section><nav _ngcontent-ng-c1935281767 aria-label="Footer navigatie" class="footer-nav"><section _ngcontent-ng-c1935281767 class="footer-section"><h3 _ngcontent-ng-c1935281767>Product</h3><ul _ngcontent-ng-c1935281767><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/modules">Oplossingen</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/prijzen">Prijzen</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 style="font-weight: 600;" href="/demo">Plan demo</a></li></ul></section><section _ngcontent-ng-c1935281767 class="footer-section"><h3 _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/platform">Platform</a></h3><ul _ngcontent-ng-c1935281767><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="https://app.workvine.nl">Medewerker App</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="https://office.workvine.nl/login">Office App</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="https://locatie.workvine.nl/">Locatie App</a></li><!----><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 target="_blank" rel="noopener" href="https://play.google.com/store/apps/details?id=nl.employee.workvine&amp;gl=NL">Android App</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 target="_blank" rel="noopener" href="https://apps.apple.com/nl/app/workvine-medewerker-app/id6784990614">iOS App</a></li><!----><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/apps">Applicaties</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/platform/security">Security</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/platform/ai">AI</a></li></ul></section><section _ngcontent-ng-c1935281767 class="footer-section"><h3 _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/sectoren">Sectoren</a></h3><ul _ngcontent-ng-c1935281767><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/sectoren/zorg-en-welzijn"> Zorg &amp; welzijn </a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/sectoren/professionele-dienstverlening"> Professionele dienstverlening </a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/sectoren/publieke-sector"> Publieke sector </a></li></ul></section><section _ngcontent-ng-c1935281767 class="footer-section"><h3 _ngcontent-ng-c1935281767>Support</h3><ul _ngcontent-ng-c1935281767><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/contact">Contact opnemen</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/faq">Veelgestelde vragen</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/privacy-beleid">Privacybeleid</a></li><li _ngcontent-ng-c1935281767><button _ngcontent-ng-c1935281767 type="button" class="footer-link-button"> Cookies aanpassen </button></li></ul></section><section _ngcontent-ng-c1935281767 class="footer-section"><h3 _ngcontent-ng-c1935281767>Over WorkVine</h3><ul _ngcontent-ng-c1935281767><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/over-ons">Over ons</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/partner-programma">Partner programma</a></li><!----><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/klanten">Onze klanten</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/kennislab">Kennislab</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/algemene-voorwaarden"> Algemene voorwaarden </a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/blogs">Blogs</a></li><!----><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="https://www.linkedin.com/company/workvine-software/p
1273osts/?feedView=articles" target="_blank" rel="noopener" class="footer-link-button"> LinkedIn artikelen </a></li></ul></section></nav></div><div _ngcontent-ng-c1935281767 class="footer-bottom"><p _ngcontent-ng-c1935281767>© 2026 WorkVine</p></div></footer></ehr-footer></mat-sidenav-content><!----></mat-sidenav-container></ehr-root>
1274<link rel="modulepreload" href="chunk-Q3RBWZBR.js"><link rel="modulepreload" href="chunk-ISWR56S7.js"><link rel="modulepreload" href="chunk-N3LS3QWM.js"><link rel="modulepreload" href="chunk-ZITLID2U.js"><link rel="modulepreload" href="chunk-5VCOKNJ3.js"><link rel="modulepreload" href="chunk-MAYNNAG5.js"><link rel="modulepreload" href="chunk-G557562V.js"><link rel="modulepreload" href="chunk-26SOWIBL.js"><link rel="modulepreload" href="chunk-SIAE74AD.js"><link rel="modulepreload" href="chunk-VGXVVCPW.js">
1274<script src="polyfills-7YYIX2DZ.js" type="module"></script>
1274<script src="main-AOCFEDFM.js" type="module"></script>
1274
1275
1276
1277<script id="ng-state" type="application/json">{"__nghData__":[]}</script>
1277</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.