@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14171a;--surface:#1f2428;--raised:#262c31;--line:#2a3036;--line-strong:#3a4148;--fg:#f4f1e8;--fg-soft:#d6d3c9;--muted:#a7a9a3;--brand:#138944;--on-brand:#fff;--brand-bg:#10301e;--brand-fg:#5ccb86;--ok:#138944;--ok-soft:#5ccb86;--ok-bg:#10301e;--on-ok:#fff;--orange:#f0954b;--orange-bg:#3a2412;--red-route:#e5484d;--sign:#0b0d0f;--sign-fg:#f4f1e8;--sign-sub:#d6d3c9;--sign-muted:#a7a9a3;--sign-line:#2a3036;--sign-dest:#4cc97a;--sign-green:#5ccb86;--display:"Barlow Condensed", "Arial Narrow", sans-serif;--body:"Barlow", "Segoe UI", system-ui, sans-serif}:root[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f1ec;--surface:#fff;--raised:#e6e2d9;--line:#ddd8cc;--line-strong:#b9b4a8;--fg:#14171a;--fg-soft:#3f4442;--muted:#5c615f;--brand-bg:#e3f2e8;--brand-fg:#0f7238;--ok-soft:#0f7238;--ok-bg:#e3f2e8;--orange:#a84a0c;--orange-bg:#fce9dc;--sign:#fff;--sign-fg:#14171a;--sign-sub:#3f4442;--sign-muted:#5c615f;--sign-line:#c9d9ce;--sign-dest:#138944;--sign-green:#0f7238}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.4}button,input,select,textarea{font-family:var(--body);color:inherit;font-size:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--ok-soft);outline-offset:2px}a{color:var(--brand-fg)}.btn{background:var(--brand);min-height:66px;color:var(--on-brand);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:0 18px;font-size:20px;font-weight:600;display:flex}.btn:disabled{background:var(--raised);color:var(--muted);cursor:not-allowed}.btn-2{border:2px solid var(--line-strong);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;padding:0 16px;font-size:17px;font-weight:600;display:flex}.btn:active:not(:disabled),.btn-2:active:not(:disabled){transform:scale(.98)}.field{flex-direction:column;gap:7px;display:flex}.field>label{font-size:16px;font-weight:600}.field input{border:2px solid var(--line-strong);background:var(--surface);min-height:66px;font-family:var(--display);font-variant-numeric:tabular-nums;border-radius:14px;width:100%;padding:0 16px;font-size:34px;font-weight:600}.field input:focus{border-color:var(--brand);outline:none}.field .hint{color:var(--muted);font-size:14px}.strip{text-align:left;background:var(--surface);border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:16px;display:flex}.strip.warn{background:var(--orange-bg);border:1.5px solid var(--orange);color:var(--fg)}.strip.ok{background:var(--ok-bg)}.login-brand{align-items:center;gap:16px;display:flex}.login-img{border-radius:14px;flex:none;width:72px;height:72px}.login-logo{min-width:0;font-family:var(--display);color:var(--brand-fg);text-transform:uppercase;font-size:40px;font-weight:700;line-height:.95}.thema-knop{border:1px solid var(--line-strong);min-width:36px;min-height:36px;color:var(--muted);background:0 0;border-radius:999px;padding:0 10px;font-size:13px;font-weight:600}.thema-knop.icoon{justify-content:center;align-items:center;width:36px;padding:0;display:inline-flex}html,body,#root{height:100%}body{overscroll-behavior:none}.app{flex-direction:column;max-width:440px;height:100%;margin:0 auto;display:flex}.screen{padding:max(16px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:18px;display:flex;overflow-y:auto}.hdr{justify-content:space-between;align-items:center;gap:12px;display:flex}.hdr-l{color:var(--muted);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}button.hdr-l{text-align:left;background:0 0;border:0;min-height:36px;padding:6px 0}.hdr-r{flex:none;align-items:center;gap:12px;display:flex}.clock{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1}.offline{color:var(--orange);border:1px solid var(--orange);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.login-logo{margin:0}.spacer{flex:1;min-height:8px}.kolom{display:none}.actions{flex-direction:column;gap:10px;display:flex}.versie{text-align:center;color:var(--muted);margin:0;font-size:13px}.note{color:var(--fg-soft);margin:0;font-size:16px}.sign{background:var(--sign);color:var(--sign-fg);border:2px solid var(--sign-line);border-radius:14px;flex-direction:column;gap:8px;padding:18px 18px 16px;display:flex}.sign-label{color:var(--sign-muted);text-transform:uppercase;letter-spacing:.1em;font-size:13px}.sign-dest{font-family:var(--display);color:var(--sign-dest);text-transform:uppercase;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;margin:0;font-size:54px;font-weight:700;line-height:.95}.sign-dest.md{font-size:44px}.sign-dest.sm{font-size:38px}.sign-dest.xs{font-size:34px}.sign-dest.groen{color:var(--sign-green)}.sign-sub{color:var(--sign-sub);font-variant-numeric:tabular-nums;font-size:18px}.sign-sub b{color:var(--sign-green)}.badge-lijn{background:var(--brand);color:var(--on-brand);font-family:var(--display);border-radius:6px;align-self:flex-start;padding:3px 14px;font-size:24px;font-weight:700}.badge-mat{border:2px dashed var(--sign-muted);color:var(--sign-sub);font-family:var(--display);border-radius:6px;align-self:flex-start;padding:1px 12px;font-size:21px;font-weight:700}.late{background:var(--orange-bg);color:var(--orange);border-radius:999px;align-self:flex-start;padding:6px 14px;font-size:17px;font-weight:600}.strip small{color:var(--muted);font-size:14px;display:block}.strip .icoon{flex:none}.strip .perm-b{align-self:center;margin-left:auto}.field .hint.warn{color:var(--orange)}.field input.text{font-family:var(--body);min-height:56px;font-size:18px;font-weight:400}.field input.hot{border-color:var(--brand)}.field-l{font-size:16px;font-weight:600}.rust{border:2px dashed var(--line-strong);text-align:left;background:0 0;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:72px;padding:10px 14px;font-size:17px;font-weight:600;display:flex}.rust .box{border:2px solid var(--muted);border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.rust[aria-pressed=true]{border:2px solid var(--ok);background:var(--ok-bg)}.rust[aria-pressed=true] .box{background:var(--ok);border-color:var(--ok)}.rust small{color:var(--muted);font-size:14px;font-weight:400;display:block}.opm{border:2px solid var(--brand);background:var(--surface);min-height:96px;color:var(--fg);font-family:var(--body);resize:vertical;border-radius:14px;width:100%;padding:12px 14px;font-size:17px;line-height:1.4}.count{flex-direction:column;align-items:center;display:flex}.count-l{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:15px}.count-v{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:92px;font-weight:600;line-height:1}.later{background:var(--surface);border-radius:14px;flex-direction:column;padding:4px 14px;display:flex}.later-h{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:10px 0 4px;font-size:13px}.card-row{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;min-height:60px;padding:12px 0;display:flex}.card-date{font-family:var(--display);width:72px;color:var(--fg-soft);flex:none;font-size:18px;font-weight:600}.card-main{flex:1;min-width:0;font-size:16px}.card-main small{color:var(--muted);margin-top:2px;font-size:14px;display:block}.card-go{color:var(--muted);font-size:26px}.perm{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.perm:first-child{border-top:0}.perm-i{flex:none;justify-content:center;width:26px;display:flex}.perm-t{flex:1;min-width:0;font-size:16px}.perm-t small{color:var(--muted);margin-top:2px;font-size:14px;display:block}.perm.mis .perm-t small{color:var(--orange)}.perm-b{background:var(--brand);min-height:44px;color:var(--on-brand);border:0;border-radius:10px;flex:none;padding:0 14px;font-size:15px;font-weight:600}.stappen{counter-reset:stap;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.stappen li{background:var(--surface);counter-increment:stap;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.stappen li:before{content:counter(stap);background:var(--brand);width:28px;height:28px;color:var(--on-brand);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.stappen svg{flex:none}.sheet-bg{z-index:20;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:440px;max-height:100%;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;flex-direction:column;gap:10px;display:flex;overflow-y:auto}.sheet h2{margin:0 0 4px;font-size:19px}.sheet p{color:var(--muted);margin:0 0 4px;font-size:14px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:2px solid var(--line-strong);background:0 0;border-radius:999px;min-height:44px;padding:0 16px;font-size:16px;font-weight:600}.pill[aria-pressed=true]{border-color:var(--brand);background:var(--brand-bg)}a.btn-2{color:var(--fg);text-decoration:none}.paper{background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;padding:16px;font-size:14px;display:flex}.paper h2{font-family:var(--display);margin:0;font-size:26px}.paper .kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;display:grid}.paper .kv span{color:var(--muted);font-size:12px;display:block}.paper table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.paper th,.paper td{border-bottom:1px solid var(--line-strong);text-align:left;color:var(--fg);padding:6px 4px;font-size:14px}.paper th{color:var(--muted);font-size:12px}.paper td small{color:var(--muted)}.paper tr.weg td{color:var(--muted);text-decoration:line-through}.paper .aanwezig{border:2px solid var(--ok);padding:8px 10px;font-size:16px}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--fg);color:var(--bg);text-align:center;z-index:30;border-radius:999px;max-width:calc(100% - 32px);padding:12px 18px;font-size:15px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0006}@media (width<=360px){.login-logo{font-size:36px}}@media (orientation:landscape) and (height<=560px){.app{max-width:940px}.screen{padding:max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));gap:12px}.screen:not(.duo){width:100%;max-width:680px;margin:0 auto}.screen.duo{flex-wrap:wrap;align-content:flex-start;column-gap:20px;overflow:hidden}.screen.duo>*{width:calc(50% - 20px)}.screen.duo>.spacer{display:none}.screen.duo>.kolom{flex:0 0 100%;width:0;margin:0;padding:0;display:block}.screen.duo>:last-child{margin-top:auto}.sign{gap:6px;padding:12px 16px}.sign-dest{font-size:40px}.sign-dest.md{font-size:34px}.sign-dest.sm,.sign-dest.xs{font-size:30px}.count-v{font-size:64px}.btn{min-height:56px}.field input{min-height:54px;font-size:28px}.rust{min-height:60px}.login-logo{font-size:36px}.sheet{max-width:620px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}