:root{--ground:#e4e4ec;--ground-deep:#d3d3de;--surface:#fcfcfe;--ink:#17161d;--ink-soft:#56545f;--ink-faint:#8b8996;--stream-default:#5f5e5a;--alert:#c4384a;--attend:#e8a33d;--rail:132px;--gap:6px;--sweep:76px;--blok:68px;--display:"Arial Narrow", "Helvetica Neue Condensed", "Liberation Sans Narrow", sans-serif;--body:ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--data:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}button{font:inherit}.wrap{max-width:1180px;padding:22px 18px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.frame{grid-template-columns:var(--rail) 1fr;gap:var(--gap);grid-template-rows:auto auto;display:grid}.elbow{background:var(--elbow-color,var(--stream-default));border-top-left-radius:var(--sweep);border-bottom-left-radius:18px;justify-content:flex-end;align-items:flex-end;height:84px;padding:0 14px 10px 0;display:flex}.elbow span{font-family:var(--data);letter-spacing:.08em;color:#fff3ec;font-size:11px}.topbar{background:var(--ground-deep);border-top-right-radius:48px;justify-content:space-between;align-items:center;gap:18px;min-width:0;height:84px;padding:0 28px 0 22px;display:flex}.wordmark{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0;font-size:clamp(30px,5vw,46px);font-weight:700;line-height:1}.topmeta{align-items:center;gap:16px;min-width:0;display:flex}.topmeta-text{text-align:right;font-family:var(--data);letter-spacing:.09em;color:var(--ink-soft);text-transform:uppercase;white-space:nowrap;font-size:11px}.topmeta-text b{color:var(--ink);font-weight:600;display:block}.status-dot{vertical-align:baseline;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:3.4s ease-in-out infinite pulse;display:inline-block}.status-dot.ok{background:#1d9e75}.status-dot.stoornis{background:var(--alert)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.32}}.refresh{background:var(--ink);color:var(--surface);font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;flex:none;padding:9px 18px;font-size:13px;font-weight:700}.refresh:disabled{opacity:.55;cursor:default}.refresh:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.rail{gap:var(--gap);flex-direction:column;display:flex}.railblock{color:#fff;text-align:right;cursor:pointer;width:100%;font-family:var(--display);border:none;border-radius:6px 6px 6px 22px;flex-direction:column;justify-content:center;padding:11px 12px 13px;transition:filter .15s,opacity .15s;display:flex}.railblock:hover{filter:brightness(1.09)}.railblock:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.railblock.gedimd{opacity:.38}.railblock .rb-name{letter-spacing:.11em;text-transform:uppercase;font-size:19px;font-weight:700;line-height:1.05;display:block}.railblock .rb-count{font-family:var(--data);letter-spacing:.06em;opacity:.9;margin-top:3px;font-size:13px;display:block}.rb-filler{background:var(--stream-default);opacity:.34;border-radius:6px 6px 6px 22px;flex:1;min-height:46px}.rail-cap{background:var(--stream-default);height:54px;font-family:var(--data);letter-spacing:.08em;color:#ededf0;border-radius:6px 6px 40px 22px;justify-content:flex-end;align-items:flex-end;padding:0 14px 10px 0;font-size:10px;display:flex}.main{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.banner{background:var(--alert);color:#fff;border-radius:6px 22px 6px 6px;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 20px;font-size:14px;line-height:1.45;display:flex}.banner b{font-family:var(--display);letter-spacing:.09em;text-transform:uppercase;font-weight:700}.banner code{font-family:var(--data);word-break:break-word;font-size:12px}.tabs{gap:var(--gap);display:flex}.tab{background:var(--ground-deep);color:var(--ink-soft);font-family:var(--display);letter-spacing:.13em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;padding:13px 26px;font-size:17px;font-weight:700;transition:background .15s,color .15s}.tab:hover{background:#c6c6d4}.tab:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.tab[aria-selected=true]{background:var(--ink);color:var(--surface)}.tab .tcount{font-family:var(--data);letter-spacing:.04em;opacity:.8;margin-left:9px;font-size:14px}.panel-head{background:var(--ink);color:var(--surface);border-radius:22px 22px 6px 6px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;padding:15px 24px;display:flex}.panel-head h2{font-family:var(--display);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:25px;font-weight:700}.panel-head p{font-family:var(--data);letter-spacing:.07em;color:#c9c7d4;text-transform:uppercase;margin:0;font-size:12.5px}.tasks{gap:var(--gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.leeg{background:var(--surface);text-align:center;font-family:var(--data);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);border-radius:6px;padding:26px 20px;font-size:12px}.task{background:var(--surface);border-left:9px solid var(--stream-color,var(--stream-default));border-radius:6px}.task-row{grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:14px 20px 14px 16px;display:grid}.tick{border:2.5px solid var(--ink-faint);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:25px;height:25px;padding:0;transition:background .15s,border-color .15s}.tick:hover{border-color:var(--ink)}.tick:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.task.done .tick{background:var(--ink);border-color:var(--ink)}.task.done .t-title{color:var(--ink-faint);text-decoration:line-through}.t-body{text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:none;padding:0}.t-body:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:4px}.t-title{color:var(--ink);font-size:16px;font-weight:500;line-height:1.35;display:block}.t-tags{font-family:var(--data);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:9px;margin-top:5px;font-size:10.5px;display:flex}.chip{color:#fff;background:var(--chip-color,var(--stream-default));border-radius:999px;padding:2.5px 10px;font-weight:500}.chip.c-alert{background:var(--alert)}.chip.c-attend{background:var(--attend);color:#2a1c05}.t-when{font-family:var(--data);letter-spacing:.05em;color:var(--ink-soft);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.t-when.over{color:var(--alert);font-weight:700}.t-omschrijving{color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:break-word;max-width:72ch;margin:0;padding:0 20px 12px 49px;font-size:14px;line-height:1.6}.t-acties{gap:var(--gap);flex-wrap:wrap;align-items:center;padding:0 16px 13px 49px;display:flex}.t-acties .label{font-family:var(--data);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-right:3px;font-size:10px}.seg{background:var(--ground-deep);color:var(--ink-soft);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:700}.seg:hover{background:#c6c6d4}.seg:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.seg[aria-pressed=true]{background:var(--ink);color:var(--surface)}.footbar{grid-template-columns:var(--rail) 1fr;gap:var(--gap);margin-top:var(--gap);display:grid}.foot-elbow{border-bottom-left-radius:var(--sweep);background:#7f77dd;border-top-left-radius:18px;height:46px}.foot-bar{background:var(--ground-deep);height:46px;font-family:var(--data);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;border-bottom-right-radius:40px;align-items:center;padding:0 26px;font-size:10.5px;display:flex;overflow-x:auto}.foot-short{display:none}.fab{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));background:var(--ink);color:var(--surface);font-family:var(--display);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px 999px 6px;padding:15px 26px;font-size:16px;font-weight:700;position:fixed;box-shadow:0 6px 24px #17161d47}.fab:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.overlay{z-index:20;background:#17161d73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:520px;padding:22px 22px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:14px;max-height:calc(100dvh - 44px);display:flex;overflow-y:auto}@media (width>=721px){.overlay{align-items:center;padding:22px}.sheet{border-radius:22px 22px 6px 6px;padding:26px}.railblock,.tab{min-height:var(--blok)}.panel-head{min-height:var(--blok);align-items:center}}.sheet h2{font-family:var(--display);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:22px;font-weight:700}.veld{flex-direction:column;gap:5px;display:flex}.veld label{font-family:var(--data);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:10.5px}.veld input,.veld select,.veld textarea{font:inherit;border:1.5px solid var(--ground-deep);background:var(--surface);color:var(--ink);border-radius:8px;padding:11px 13px}.veld textarea{resize:vertical;min-height:68px}.veld input:focus,.veld select:focus,.veld textarea:focus{outline:3px solid var(--ink);outline-offset:1px}.veld-hint,.veld-fout{font-family:var(--data);margin:0;font-size:11.5px}.veld-hint{color:var(--ink-soft)}.veld-fout{color:var(--alert)}.segrij{gap:var(--gap);flex-wrap:wrap;display:flex}.sheet-knoppen{gap:var(--gap);justify-content:flex-end;margin-top:4px;display:flex}.knop{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;padding:12px 24px;font-size:15px;font-weight:700}.knop.primair{background:var(--ink);color:var(--surface)}.knop.stil{background:var(--ground-deep);color:var(--ink-soft)}.knop:disabled{opacity:.5;cursor:default}.knop:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.gate{justify-content:center;align-items:center;min-height:100svh;padding:22px;display:flex}.gate-card{gap:var(--gap);flex-direction:column;width:100%;max-width:400px;display:flex}.gate-elbow{border-top-left-radius:var(--sweep);background:#d85a30;border-top-right-radius:48px;border-bottom-left-radius:18px;height:64px}.gate-body{background:var(--surface);border-radius:6px;flex-direction:column;gap:14px;padding:26px 24px;display:flex}.gate-body h1{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:34px;font-weight:700}.gate-body p{color:var(--ink-soft);margin:0;font-size:14px}.gate-fout{font-family:var(--data);color:var(--alert);font-size:12px}.laden{text-align:center;font-family:var(--data);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding:40px 0;font-size:12px}@media (width<=720px){:root{--sweep:46px}.frame{grid-template-columns:1fr}.elbow{border-bottom-left-radius:6px;height:52px}.topbar{border-top-right-radius:30px;flex-direction:column;align-items:flex-start;gap:10px;height:auto;padding:16px 20px}.topmeta{justify-content:space-between;width:100%}.topmeta-text{text-align:left}.rail{grid-template-columns:repeat(3,1fr);display:grid}.railblock{border-radius:6px 6px 22px;padding:9px 10px 11px}.railblock .rb-name{letter-spacing:.05em;font-size:14px}.railblock .rb-count{font-size:11px}.rb-filler,.rail-cap{display:none}.tabs{grid-template-columns:repeat(3,1fr);display:grid}.tab{letter-spacing:.05em;padding:12px 6px;font-size:13.5px}.tab .tcount{margin-left:5px}.panel-head{padding:13px 18px}.panel-head h2{font-size:21px}.task-row{grid-template-columns:auto 1fr;row-gap:7px;padding:13px 15px 13px 13px}.t-when{text-align:left;grid-column:2}.t-acties,.t-omschrijving{padding-left:13px}.footbar{grid-template-columns:1fr}.foot-elbow{display:none}.foot-bar{letter-spacing:.06em;padding:0 18px;font-size:10px}.foot-long{display:none}.foot-short{display:inline}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}