:root{--inkt: #0b2036;--donker-2: #0e2e4d;--blauw: #0971b8;--blauw-hover: #0b5a94;--logoblauw: #3673c3;--lichtblauw: #69cee1;--eyebrow-donker: #8fd3ea;--gedempt: #4f5d73;--lijn: #e1e8f0;--lijn-sterk: #d3deea;--rand-uitgelicht: #b9cbe0;--vlak-licht: #e6f0f9;--achtergrond: #f3f7fb;--wit: #ffffff;--whatsapp: #128c4b;--status-open-bg: #e6f0f9;--status-open-tekst: #0b5a94;--status-betaald-bg: #e3f2e8;--status-betaald-tekst: #1f6b3d;--status-fout-bg: #fbeaea;--status-fout-tekst: #a12828;--status-neutraal-bg: #eef2f6;--status-neutraal-tekst: #4f5d73;--font-kop: "Space Grotesk", "Plus Jakarta Sans", Arial, sans-serif;--font-tekst: "Plus Jakarta Sans", Arial, sans-serif;--r-knop: 8px;--r-kaart: 16px;--r-kaart-groot: 20px;--schaduw: 0 1px 2px rgba(16, 35, 58, .06);--inhoud-breed: 480px;--knop-hoogte: 44px;--bovenbalk-hoogte: 64px;--menubalk-hoogte: 64px}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-tekst);font-size:15px;line-height:1.5;color:var(--inkt);background:var(--achtergrond);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--blauw)}h1,h2,h3{font-family:var(--font-kop);margin:0}.cijfers{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--blauw);outline-offset:2px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.bovenbalk{position:sticky;top:0;z-index:10;background:var(--wit);border-bottom:1px solid var(--lijn);padding-top:env(safe-area-inset-top,0)}.bovenbalk-binnen{max-width:var(--inhoud-breed);margin:0 auto;height:var(--bovenbalk-hoogte);padding:0 16px;display:flex;align-items:center;gap:12px}.bovenbalk-logo-link{display:block;flex-shrink:0;padding:2px 0}.bovenbalk-logo{display:block;height:40px;width:auto}.bovenbalk-scheiding{width:1px;height:24px;background:var(--lijn-sterk);flex-shrink:0}.bovenbalk-titel{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--gedempt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-family:var(--font-tekst)}.initialen-knop{width:44px;height:44px;border-radius:50%;border:none;background:var(--vlak-licht);color:var(--blauw-hover);font-family:var(--font-kop);font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}.initialen-knop:hover{background:var(--lijn-sterk)}.initialen-knop svg{width:22px;height:22px}.pagina-inhoud{flex:1;width:100%;max-width:var(--inhoud-breed);margin:0 auto;padding:20px 16px calc(var(--menubalk-hoogte) + 32px + env(safe-area-inset-bottom,0px))}.menubalk{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--wit);border-top:1px solid var(--lijn);padding-bottom:env(safe-area-inset-bottom,0)}.menubalk-binnen{max-width:var(--inhoud-breed);margin:0 auto;display:flex}.menubalk-item{flex:1;min-height:var(--menubalk-hoogte);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--gedempt);text-decoration:none;font-size:12px;font-weight:600}.menubalk-item svg{width:24px;height:24px}.menubalk-item.actief{color:var(--blauw);font-weight:700}.versie-stempel{margin-top:28px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;color:var(--gedempt)}.pagina-stack{display:flex;flex-direction:column;gap:16px}.pagina-kop{display:flex;flex-direction:column;gap:4px}.pagina-titel{font-family:var(--font-kop);font-size:26px;line-height:1.2;font-weight:700;margin:0}.begroeting{font-family:var(--font-kop);font-size:24px;line-height:1.2;font-weight:700;margin:0}.sectie{display:flex;flex-direction:column;gap:10px}.sectie-titel{font-family:var(--font-tekst);font-size:12px;font-weight:700;color:var(--gedempt);text-transform:uppercase;letter-spacing:.08em;margin:8px 0 0}.kaart .sectie-titel{margin:0 0 10px}.eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blauw)}.tekst-zacht{color:var(--gedempt);margin:0}.tekst-klein{font-size:13px}.kaart{position:relative;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-kaart);box-shadow:var(--schaduw);padding:18px}.kaart-groot-vlak{border-radius:var(--r-kaart-groot);padding:20px}.kaart-uitgelicht{border-color:var(--rand-uitgelicht)}.kaart-klikbaar{display:block;text-decoration:none;color:inherit;transition:border-color .12s ease}.kaart-klikbaar:hover{border-color:var(--rand-uitgelicht)}.kaart-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--gedempt);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.kaart-label svg{width:16px;height:16px}.kaart-groot{font-family:var(--font-kop);font-size:32px;line-height:1.15;font-weight:700;color:var(--inkt);font-variant-numeric:tabular-nums;margin:4px 0 2px}.bedrag-groot{font-family:var(--font-kop);font-size:36px;line-height:1.1;font-weight:700;color:var(--inkt);font-variant-numeric:tabular-nums;margin:2px 0 4px}.kaart-sub{font-size:15px;font-weight:600;color:var(--inkt)}.kaart-pijl{display:flex;align-items:center;gap:4px;margin-top:12px;font-size:14px;font-weight:700;color:var(--blauw)}.kaart-pijl svg{width:16px;height:16px}.kaart .melding-info,.kaart .melding-fout{margin-top:12px}.kaart-donker{position:relative;overflow:hidden;background:var(--inkt);color:var(--wit);border:none;border-radius:var(--r-kaart);padding:20px}.kaart-donker:before,.login-kop:before{content:"";position:absolute;top:-70px;right:-70px;width:200px;height:200px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23ffffff' stroke-opacity='0.1' stroke-width='2'%3E%3Ccircle cx='100' cy='100' r='36'/%3E%3Ccircle cx='100' cy='100' r='64'/%3E%3Ccircle cx='100' cy='100' r='92'/%3E%3C/svg%3E") no-repeat center / contain}.kaart-donker>*{position:relative}.kaart-donker .eyebrow{color:var(--eyebrow-donker)}.kaart-donker-titel{font-family:var(--font-kop);font-size:20px;line-height:1.25;font-weight:700;margin:6px 0}.kaart-donker p{margin:0;color:#ffffffd9}.kaart-donker p+p{margin-top:8px}.kaart-donker a{color:var(--wit);font-weight:700}.lijst{display:flex;flex-direction:column;gap:10px}.lijst-item{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-kaart);box-shadow:var(--schaduw);padding:14px 16px}.lijst-item-hoofd{display:flex;justify-content:space-between;align-items:center;gap:10px}.lijst-item-titel{font-weight:700}.lijst-item-prijs{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.lijst-item-sub{color:var(--gedempt);font-size:13px;margin-top:2px}.lijst-item-bedrag{margin-top:6px;font-weight:700;font-variant-numeric:tabular-nums}.rijen{display:flex;flex-direction:column}.rij{display:flex;align-items:center;gap:12px;padding:12px 0}.rij+.rij{border-top:1px solid var(--lijn)}.rij:first-child{padding-top:0}.rij:last-child{padding-bottom:0}.rij-tekst{flex:1;min-width:0}.rij-titel{font-weight:700}.rij-sub{color:var(--gedempt);font-size:13px}.icoon-vlak{width:40px;height:40px;border-radius:12px;background:var(--vlak-licht);color:var(--blauw);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icoon-vlak svg{width:22px;height:22px}.vink{width:28px;height:28px;border-radius:50%;background:var(--status-betaald-bg);color:var(--status-betaald-tekst);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.vink svg{width:16px;height:16px}.afspraak{display:flex;align-items:center;gap:14px}.afspraak-tegel{width:60px;height:64px;border-radius:12px;background:var(--vlak-licht);color:var(--blauw-hover);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.afspraak-tegel.aangekondigd{background:var(--inkt);color:var(--wit)}.afspraak-tegel-boven{font-size:12px;font-weight:700;letter-spacing:.04em}.afspraak-tegel-groot{font-family:var(--font-kop);font-size:24px;line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums}.badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:100px;background:var(--status-neutraal-bg);color:var(--status-neutraal-tekst);white-space:nowrap;font-variant-numeric:tabular-nums}.badge-week,.badge-open,.badge-bevestigd,.badge-tegoed,.badge-melding-opgepakt{background:var(--status-open-bg);color:var(--status-open-tekst)}.badge-betaald,.badge-klaar,.badge-melding-afgehandeld{background:var(--status-betaald-bg);color:var(--status-betaald-tekst)}.badge-vervallen{background:var(--status-fout-bg);color:var(--status-fout-tekst)}.badge-gecrediteerd,.badge-overgeslagen,.badge-concept,.badge-melding-nieuw,.badge-melding-afgewezen{background:var(--status-neutraal-bg);color:var(--status-neutraal-tekst)}.knop-primair{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blauw);color:var(--wit);border:none;border-radius:var(--r-knop);padding:11px 18px;font-weight:700;font-size:15px;cursor:pointer;min-height:var(--knop-hoogte);text-decoration:none}.knop-primair:hover{background:var(--blauw-hover)}.knop-primair:disabled{opacity:.6;cursor:default}.knop-secundair{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--wit);border:1px solid var(--lijn-sterk);border-radius:var(--r-knop);padding:11px 18px;font-weight:700;font-size:15px;color:var(--inkt);cursor:pointer;min-height:var(--knop-hoogte);text-decoration:none}.knop-secundair:hover{border-color:var(--blauw);color:var(--blauw-hover)}.knop-secundair svg{width:18px;height:18px}.icoon-knop{width:44px;height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--wit);border:1px solid var(--lijn-sterk);border-radius:var(--r-knop);color:var(--blauw);cursor:pointer}.icoon-knop:hover{border-color:var(--blauw);color:var(--blauw-hover)}.icoon-knop:disabled{opacity:.6;cursor:default}.icoon-knop svg{width:20px;height:20px}.link-knop{display:inline-flex;align-items:center;gap:4px;min-height:var(--knop-hoogte);background:none;border:none;color:var(--blauw);font-weight:700;font-size:14px;cursor:pointer;padding:0;text-align:left;text-decoration:none;align-self:flex-start}.link-knop:hover{color:var(--blauw-hover);text-decoration:underline}.link-knop svg{width:16px;height:16px}.link-rij{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 0;color:var(--inkt);text-decoration:none;font-weight:700}.link-rij+.link-rij{border-top:1px solid var(--lijn)}.link-rij-pijl{margin-left:auto;width:18px;height:18px;color:var(--gedempt)}.melding-fout{background:var(--status-fout-bg);color:var(--status-fout-tekst);border-radius:var(--r-knop);padding:10px 12px;font-size:14px;margin:0}.melding-succes{background:var(--status-betaald-bg);color:var(--status-betaald-tekst);border-radius:var(--r-knop);padding:10px 12px;font-size:14px;margin:0}.melding-info{background:var(--vlak-licht);color:var(--status-open-tekst);border-radius:var(--r-knop);padding:10px 12px;font-size:14px;margin:12px 0 0}.formulier{display:flex;flex-direction:column;gap:14px}.formulier-uitleg{font-size:14px;color:var(--gedempt);margin:0;line-height:1.5}.veld{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px;color:var(--inkt)}.veld input,.veld select,.veld textarea{border:1px solid var(--lijn-sterk);border-radius:var(--r-knop);min-height:var(--knop-hoogte);padding:10px 12px;font-size:16px;font-weight:400;color:var(--inkt);background:var(--wit);resize:vertical;width:100%}.veld input:focus,.veld select:focus,.veld textarea:focus{outline:2px solid var(--blauw);outline-offset:-1px;border-color:var(--blauw)}.bestandenlijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.bestandenlijst li{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--gedempt);background:var(--achtergrond);border-radius:var(--r-knop);padding:6px 10px}.login-pagina{min-height:100vh;background:var(--achtergrond);display:flex;flex-direction:column}.login-kop{position:relative;overflow:hidden;background:var(--inkt);color:var(--wit);padding:calc(40px + env(safe-area-inset-top,0px)) 16px 88px}.login-kop:before{top:-90px;right:-90px;width:260px;height:260px}.login-kop-binnen{position:relative;max-width:var(--inhoud-breed);margin:0 auto}.login-logo{display:block;width:210px;max-width:100%;height:auto}.login-titel{font-family:var(--font-kop);font-size:28px;line-height:1.2;font-weight:700;margin:28px 0 8px}.login-intro{margin:0;color:#ffffffd9;max-width:360px}.login-inhoud{flex:1;width:100%;max-width:var(--inhoud-breed);margin:-56px auto 0;padding:0 16px 32px;position:relative}.login-kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-kaart-groot);box-shadow:0 1px 2px #10233a0f,0 8px 24px #10233a14;padding:22px 20px}.login-kaart-titel{font-family:var(--font-kop);font-size:20px;font-weight:700;margin:0 0 14px}.login-voet{margin:20px 4px 0;text-align:center;font-size:14px;color:var(--gedempt)}.login-tabs{display:flex;background:var(--achtergrond);border-radius:var(--r-knop);padding:3px;margin-bottom:18px}.login-tab{flex:1;border:none;background:transparent;min-height:40px;border-radius:6px;font-weight:700;font-size:14px;color:var(--gedempt);cursor:pointer}.login-tab.actief{background:var(--wit);color:var(--inkt);box-shadow:var(--schaduw)}.gegevens-lijst{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:14px}.gegevens-lijst dt{color:var(--gedempt);font-weight:600}.gegevens-lijst dd{margin:0;font-weight:600;overflow-wrap:anywhere}.voorwaarden-lijst{margin:0 0 12px;padding-left:18px;line-height:1.55;font-size:14px}.voorwaarden-lijst li+li{margin-top:6px}.foto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.foto-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:var(--r-knop);background:var(--vlak-licht);color:var(--gedempt);overflow:hidden}.foto-thumb img{width:100%;height:100%;object-fit:cover}.foto-thumb-fout{text-align:center;font-size:11px;padding:4px}.terug-link{display:inline-flex;align-items:center;gap:6px;min-height:var(--knop-hoogte);color:var(--gedempt);text-decoration:none;font-weight:600;font-size:14px}.terug-link svg{width:16px;height:16px}.kaart-vandaag{background:var(--inkt);color:var(--wit);border:none}.kaart-vandaag-label{display:flex;align-items:center;gap:6px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--eyebrow-donker)}.kaart-vandaag-label svg{width:16px;height:16px}.kaart-vandaag-tijdvak{font-family:var(--font-kop);font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;margin-top:10px}.kaart-vandaag-dienst{margin-top:4px;font-weight:600}.kaart-vandaag-pijl{display:flex;align-items:center;gap:6px;margin-top:14px;font-weight:700;font-size:13px}.kaart-vandaag-pijl svg{width:16px;height:16px}.weekstrip{display:flex;flex-wrap:wrap;gap:5px}.weekstrip-item{width:28px;height:28px;border-radius:6px;background:var(--achtergrond);color:var(--gedempt);display:flex;align-items:center;justify-content:center;font-size:11px;font-variant-numeric:tabular-nums;border:1.5px solid transparent}.weekstrip-item.gepland{background:var(--vlak-licht);color:var(--blauw-hover);font-weight:700}.weekstrip-item.huidig{border-color:var(--blauw)}.fase-balk{display:flex;justify-content:space-between;margin-bottom:18px}.fase-stap{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;font-size:11px;color:var(--gedempt);font-weight:700;text-transform:uppercase}.fase-bol{width:12px;height:12px;border-radius:50%;background:var(--lijn-sterk)}.fase-stap.bereikt{color:var(--blauw-hover)}.fase-stap.bereikt .fase-bol{background:var(--blauw)}.wasdag-tijdvak{font-family:var(--font-kop);font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;margin-top:6px}.tijdbalk-wrapper{margin-top:18px}.tijdbalk{position:relative;height:10px;background:var(--vlak-licht);border-radius:100px;overflow:hidden}.tijdbalk-venster{position:absolute;top:0;bottom:0;background:var(--blauw);border-radius:100px}.tijdbalk-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--gedempt);margin-top:5px;font-variant-numeric:tabular-nums}.wasdag-collega{margin-top:16px}.live-stip{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--lichtblauw);box-shadow:0 0 #69cee199;animation:puls 1.8s ease-out infinite}@keyframes puls{to{box-shadow:0 0 0 10px #69cee100}}@media (prefers-reduced-motion: reduce){.live-stip{animation:none}}.binnenkort{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;color:var(--gedempt);text-align:center}.binnenkort p{margin:0}.binnenkort-icoon{width:40px;height:40px;color:var(--blauw)}.laad-scherm{display:flex;align-items:center;justify-content:center;min-height:50vh}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--lijn);border-top-color:var(--blauw);animation:draaien .7s linear infinite}.spinner.spinner-klein{width:18px;height:18px;border-width:2px;margin:8px 0}@keyframes draaien{to{transform:rotate(360deg)}}