:root{--dag-grond:#edece6;--dag-paneel:#f7f6f1;--dag-diep:#e5e3da;--dag-wit:#151917;--dag-lei:#565c58;--dag-accent:#7a4e00;--dag-knoptekst:#151917;--dag-rand:#ac7000;--dag-gloed:#ffb00029;--dag-net:#7a4e0009;--dag-lijn-zacht:#7a4e002e;--dag-goed:#1b7145;--dag-letop:#8a5a00;--dag-kritiek:#b3241d;--dag-scrim:#5a564a66;--dag-glas:#edece6f0;--e-grond:#0b0e0d;--e-paneel:#0f1311;--e-diep:#141917;--e-wit:#edefec;--e-lei:#7e8480;--e-amber:#ffb000;--e-rand:#85631a;--e-gloed:#ffb00024;--e-net:#ffb0000e;--e-lijn-zacht:#ffb0001a;--e-goed:#3fbf7f;--e-letop:#f0a020;--e-kritiek:#ff5a52;--e-accent:#ffb000;--e-knoptekst:var(--e-grond);--e-scrim:#040605b8;--e-glas:#0b0e0df0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-thema]){--e-grond:var(--dag-grond);--e-paneel:var(--dag-paneel);--e-diep:var(--dag-diep);--e-wit:var(--dag-wit);--e-lei:var(--dag-lei);--e-accent:var(--dag-accent);--e-knoptekst:var(--dag-knoptekst);--e-rand:var(--dag-rand);--e-gloed:var(--dag-gloed);--e-net:var(--dag-net);--e-lijn-zacht:var(--dag-lijn-zacht);--e-goed:var(--dag-goed);--e-letop:var(--dag-letop);--e-kritiek:var(--dag-kritiek);--e-scrim:var(--dag-scrim);--e-glas:var(--dag-glas);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-thema=dag]{--e-grond:var(--dag-grond);--e-paneel:var(--dag-paneel);--e-diep:var(--dag-diep);--e-wit:var(--dag-wit);--e-lei:var(--dag-lei);--e-accent:var(--dag-accent);--e-knoptekst:var(--dag-knoptekst);--e-rand:var(--dag-rand);--e-gloed:var(--dag-gloed);--e-net:var(--dag-net);--e-lijn-zacht:var(--dag-lijn-zacht);--e-goed:var(--dag-goed);--e-letop:var(--dag-letop);--e-kritiek:var(--dag-kritiek);--e-scrim:var(--dag-scrim);--e-glas:var(--dag-glas);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--e-grond);color:var(--e-wit);background-image:repeating-linear-gradient(to bottom, var(--e-net) 0, var(--e-net) 1px, transparent 1px, transparent 4px);font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3,.kop{letter-spacing:.02em;font-family:Martian Mono,ui-monospace,Cascadia Mono,monospace;font-weight:600}a{color:var(--e-accent);text-decoration:none}a:hover{text-decoration:underline}.paneel{background:var(--e-paneel);border:1px solid var(--e-rand);border-radius:0}.knop{background:var(--e-amber);color:var(--e-knoptekst);border:1px solid var(--e-rand);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:0;padding:10px 18px;font-family:Martian Mono,ui-monospace,monospace;font-size:13px;font-weight:600;display:inline-block}.knop:hover{box-shadow:0 0 0 3px var(--e-gloed)}.knop.stil{color:var(--e-accent);background:0 0}.status{color:var(--e-lei);text-transform:lowercase;font-size:12px}.status.ok{color:var(--e-goed)}.status.let{color:var(--e-letop)}.status.kritiek{color:var(--e-kritiek)}.login-vlak{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-kaart{width:min(380px,100%);padding:28px}.login-kaart h1{margin:0 0 4px;font-size:16px}.login-kaart .sub{color:var(--e-lei);margin:0 0 20px;font-size:13px}.login-kaart label{color:var(--e-lei);margin:12px 0 4px;font-size:12px;display:block}.login-kaart input{background:var(--e-diep);width:100%;color:var(--e-wit);border:1px solid var(--e-rand);font:inherit;border-radius:0;padding:10px 12px}.login-kaart input:focus{outline:2px solid var(--e-amber);outline-offset:-1px}.login-kaart .fout{color:var(--e-kritiek);margin-top:12px;font-size:13px}.login-kaart .knop{width:100%;margin-top:20px}
.app-schil{overscroll-behavior-y:none;min-height:100dvh;padding-bottom:calc(66px + env(safe-area-inset-bottom))}.scherm{max-width:640px;margin:0 auto;padding:12px 16px 24px}.scherm.breed{max-width:960px}*{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}.kop{padding-top:max(4px, env(safe-area-inset-top));justify-content:space-between;align-items:baseline;gap:12px;display:flex}.kop h1{margin:0;font-size:16px}.kop .sub{color:var(--e-lei);font-size:13px}.ouderdom{min-height:44px;color:var(--e-lei);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0 4px;font-size:13px;display:inline-flex}.ouderdom .chevron{width:14px;height:14px}.ouderdom .stip{background:var(--e-goed);width:8px;height:8px;animation:2.4s ease-in-out infinite hartslag}.ouderdom .stip.oud{background:var(--e-letop);animation:none}@keyframes hartslag{50%{opacity:.35}}.kaart{background:var(--e-paneel);border:1px solid var(--e-rand);color:inherit;min-height:44px;margin-bottom:8px;padding:12px 14px;text-decoration:none;transition:transform .12s ease-out;display:block}.kaart:active{box-shadow:0 0 0 3px var(--e-gloed);transform:scale(.98)}.kaart:focus-visible{outline:2px solid var(--e-amber);outline-offset:-1px}.kaart.dringend{border-color:var(--e-amber)}.kaart .titelrij{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.kaart .titel{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.kaart .tijd{color:var(--e-lei);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.kaart .tijd.let{color:var(--e-letop)}.kaart .onder{color:var(--e-lei);margin-top:2px;font-size:13px}.kaart-klap{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;min-height:44px;padding:0;display:block}.kaart-klap:focus-visible{outline:2px solid var(--e-amber);outline-offset:2px}.kaart-klap .chevron{width:14px;height:14px;transition:transform .15s ease-out}.chip{letter-spacing:.04em;border:1px solid var(--e-lijn-zacht);color:var(--e-lei);white-space:nowrap;padding:1px 6px;font-family:Martian Mono,ui-monospace,monospace;font-size:11px;display:inline-block}.chip.ok{color:var(--e-goed);border-color:var(--e-goed)}.chip.let{color:var(--e-letop);border-color:var(--e-letop)}.chip.kritiek{color:var(--e-kritiek);border-color:var(--e-kritiek)}.chip.accent{color:var(--e-accent);border-color:var(--e-rand)}.groep{margin-bottom:12px}.groep-kop{border:none;border-bottom:1px solid var(--e-lijn-zacht);width:100%;min-height:44px;color:var(--e-lei);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:8px;padding:0 2px;font-family:Martian Mono,ui-monospace,monospace;font-size:11px;font-weight:600;display:flex}.groep-kop:focus-visible{outline:2px solid var(--e-amber);outline-offset:-1px}.groep-kop .teller{color:var(--e-accent);font-variant-numeric:tabular-nums}.groep-kop .chevron{flex-shrink:0;width:14px;height:14px;margin-left:auto;transition:transform .15s ease-out}.groep-kop[aria-expanded=true] .chevron{transform:rotate(90deg)}.groep-kop.dringend{color:var(--e-accent);border-bottom-color:var(--e-rand)}.groep-inhoud{grid-template-rows:0fr;transition:grid-template-rows .2s ease-out;display:grid}.groep-inhoud>div{overflow:hidden}.groep-inhoud.open{grid-template-rows:1fr}.groep-inhoud>div>.kaart:first-child{margin-top:8px}.tabbalk{background:var(--e-glas);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--e-rand);padding-bottom:env(safe-area-inset-bottom);z-index:40;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{min-height:50px;color:var(--e-lei);letter-spacing:.04em;border-top:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0 4px;font-size:10px;text-decoration:none;transition:transform .12s ease-out;display:flex;position:relative}.tab:active{transform:scale(.94)}.tab:focus-visible{outline:2px solid var(--e-amber);outline-offset:-2px}.tab.actief{color:var(--e-accent);border-top-color:var(--e-amber);font-weight:700}.tab svg{width:22px;height:22px}.tab .badge{background:var(--e-amber);min-width:16px;height:16px;color:var(--e-knoptekst);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 4px;font-family:Martian Mono,ui-monospace,monospace;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;left:calc(50% + 6px)}.tab .stip{background:var(--e-letop);width:8px;height:8px;position:absolute;top:6px;left:calc(50% + 8px)}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 16px;display:grid}.stat{background:var(--e-paneel);border:1px solid var(--e-rand);padding:10px 12px}.stat.let{border-color:var(--e-letop)}.stat .cijfer{font-variant-numeric:tabular-nums;font-family:Martian Mono,ui-monospace,monospace;font-size:22px;font-weight:600}.stat .label{color:var(--e-lei);margin-top:2px;font-size:11px;line-height:1.3}.fase-kop{top:env(safe-area-inset-top);z-index:10;background:var(--e-glas);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--e-lijn-zacht);letter-spacing:.08em;text-transform:uppercase;color:var(--e-lei);align-items:baseline;gap:8px;padding:10px 2px 6px;font-family:Martian Mono,ui-monospace,monospace;font-size:11px;font-weight:600;display:flex;position:sticky}.fase-kop .teller{color:var(--e-accent);font-variant-numeric:tabular-nums}.fase-sectie{margin-bottom:16px}.fase-sectie .kaart:first-of-type{margin-top:8px}@media (min-width:1024px){.fase-kolommen{grid-template-columns:repeat(3,1fr);align-items:start;gap:12px;display:grid}.fase-kop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:static}}.blok{background:var(--e-paneel);border:1px solid var(--e-rand);margin-bottom:10px;padding:14px}.blok h2{letter-spacing:.08em;text-transform:uppercase;color:var(--e-lei);margin:0 0 8px;font-size:11px}.blok .tekst{white-space:pre-wrap;font-size:14px}.actiebalk{left:0;right:0;bottom:calc(50px + env(safe-area-inset-bottom));background:var(--e-glas);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--e-rand);z-index:30;padding:10px 16px;position:fixed}.actiebalk .binnen{flex-wrap:wrap;gap:8px;max-width:640px;margin:0 auto;display:flex}.met-actiebalk{padding-bottom:calc(140px + env(safe-area-inset-bottom))}.knop{min-height:44px;transition:transform .12s ease-out}.knop:active{transform:scale(.97)}.knop:disabled{opacity:.45;cursor:default}.knop.gevaar{color:var(--e-kritiek);border-color:var(--e-kritiek);background:0 0}.veld{background:var(--e-diep);width:100%;color:var(--e-wit);border:1px solid var(--e-rand);font:inherit;padding:10px 12px;font-size:16px}.veld:focus-visible{outline:2px solid var(--e-amber);outline-offset:-1px}.keuzeknop{text-align:left;text-transform:none;width:100%;margin-bottom:6px;display:block}.keuzeknop .gevolg{opacity:.8;font-size:12px;font-weight:400;display:block}.stepper{align-items:center;gap:12px;display:flex}.stepper button{background:var(--e-diep);border:1px solid var(--e-rand);width:44px;height:44px;color:var(--e-accent);cursor:pointer;font-family:Martian Mono,ui-monospace,monospace;font-size:18px}.stepper button:disabled{opacity:.35}.stepper .waarde{font-variant-numeric:tabular-nums;text-align:center;min-width:2ch;font-family:Martian Mono,ui-monospace,monospace;font-size:22px}.identiteit{justify-content:space-between;align-items:center;gap:12px;display:flex}.identiteit .wie strong{font-size:15px;display:block}.identiteit .wie span{color:var(--e-lei);font-size:13px}.skelet{background:var(--e-paneel);border:1px solid var(--e-lijn-zacht);height:64px;margin-bottom:8px;animation:1.2s ease-in-out infinite skelet}@keyframes skelet{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.kaart,.knop,.tab,.groep-kop .chevron,.groep-inhoud{transition:none}.ouderdom .stip,.skelet{animation:none}}