:root{--ink: #172048;--blue: #2954FF;--signal: #FF8A2E;--paper: #F6F7FB;--line: #DCE0EA;--slate: #5B6478;--danger: #B42318;--ok: #067647;--display: "Bricolage Grotesque", "Segoe UI", sans-serif;--body: "Public Sans", "Segoe UI", system-ui, sans-serif;--radius-control: 8px;--radius-panel: 14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--body);font-size:16px;line-height:1.55;color:var(--ink);background:var(--paper)}h1,h2{font-family:var(--display);font-weight:700;line-height:1.1;letter-spacing:-.01em;margin:0 0 .5rem}h1{font-size:clamp(1.9rem,3vw,2.4rem)}h2{font-size:1.35rem;margin-top:2.5rem}p{margin:0 0 1rem}a{color:var(--blue)}:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.lead{color:var(--slate);max-width:60ch}.muted{color:var(--slate)}.page-status{padding:3rem;color:var(--slate)}.auth{display:grid;grid-template-columns:minmax(260px,34%) 1fr;min-height:100%}.auth-side{background:var(--ink);color:#fff;padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.brand{font-family:var(--display);font-weight:700;font-size:1.25rem;margin:0;color:#fff;text-decoration:none}.brand-dark{color:var(--ink)}.auth-side-line{color:#c9cee6;max-width:32ch;margin-top:auto}.track{list-style:none;margin:0;padding:0;display:grid;gap:6px}.auth-side .track{grid-template-rows:repeat(var(--steps, 23),1fr);flex:1;max-height:480px}.track-step{border-radius:3px;min-height:8px}.track-step.is-done{background:#fff}.track-step.is-open{background:var(--signal);width:100%}.track-step.is-locked{border:1.5px solid #3A4579;width:72%}.auth-main{display:grid;place-items:center;padding:2rem 1.25rem}.auth-card{width:100%;max-width:400px}.form{display:grid;gap:1.1rem;margin-top:1.5rem}.form-wide{max-width:520px}label{display:grid;gap:.35rem;font-weight:600;font-size:.95rem}input[type=email],input[type=password],input:not([type]){font:inherit;font-weight:400;padding:.7rem .8rem;border:1.5px solid var(--line);border-radius:var(--radius-control);background:#fff;color:var(--ink)}input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2954ff2e}.hint{font-weight:400;font-size:.85rem;color:var(--slate)}fieldset.roles{border:0;padding:0;margin:0;display:flex;gap:.5rem;flex-wrap:wrap}fieldset.roles legend{font-weight:600;font-size:.95rem;margin-bottom:.35rem;padding:0}.radio{display:inline-flex;align-items:center;gap:.45rem;font-weight:500;border:1.5px solid var(--line);border-radius:999px;padding:.4rem .9rem;background:#fff;cursor:pointer}.radio:has(input:checked){border-color:var(--ink);background:var(--ink);color:#fff}.radio input{accent-color:var(--signal);margin:0}.btn{font:inherit;font-weight:600;border:0;border-radius:var(--radius-control);background:var(--blue);color:#fff;padding:.75rem 1.1rem;cursor:pointer;justify-self:start}.btn:hover{background:#1f43d6}.btn:disabled{opacity:.6;cursor:progress}.btn-quiet{background:transparent;color:var(--ink);padding:.4rem .6rem}.btn-quiet:hover{background:#e8ebf4}.error{color:var(--danger);margin:0}.notice{color:var(--ok);margin:0}.aside-link{margin-top:1.5rem}.topbar{display:flex;align-items:center;gap:2rem;padding:1rem 2rem;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap}.topnav{display:flex;gap:1.25rem}.topnav a{color:var(--slate);text-decoration:none;font-weight:500;padding:.25rem 0;border-bottom:2px solid transparent}.topnav a.active{color:var(--ink);border-bottom-color:var(--signal)}.who{margin-left:auto;display:flex;align-items:center;gap:.75rem;font-size:.95rem}.role{color:var(--slate)}.content{padding:2.5rem 2rem 4rem;max-width:1040px}.page h1{margin-bottom:.75rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff;border-radius:var(--radius-panel);overflow:hidden}th,td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--line);font-size:.95rem}th{font-weight:600;color:var(--slate);background:#fafbfd}tr:last-child td{border-bottom:0}.blocked{max-width:480px;margin:5rem auto;padding:0 1.25rem}@media (max-width: 760px){.auth{grid-template-columns:1fr;grid-template-rows:auto 1fr}.auth-side{padding:1.5rem 1.25rem;gap:1rem}.auth-side .track{grid-template-rows:none;grid-template-columns:repeat(var(--steps, 23),1fr);max-height:none;flex:none}.track-step{min-height:10px}.track-step.is-locked{width:auto;height:10px}.auth-side-line{margin-top:0}.topbar{padding:.9rem 1.25rem;gap:1rem}.who{margin-left:0;width:100%}.content{padding:1.75rem 1.25rem 3rem}}.overview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.overview-head .btn{display:inline-block;text-decoration:none}.count{display:grid;text-align:right;margin:0}.count strong{font-family:var(--display);font-size:3.5rem;line-height:1}.count span{color:var(--slate);font-size:.95rem}.overview-track{margin:2rem 0 1.5rem}.overview-track .track{grid-template-columns:repeat(var(--steps, 23),1fr)}.overview-track .track-step{height:10px;min-height:0}.overview-track .track-step.is-done{background:var(--ink)}.overview-track .track-step.is-locked{border-color:var(--line);width:auto}.module-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.module-row{display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:1rem;padding:.85rem .25rem;border-bottom:1px solid var(--line)}.module-no{font-family:var(--display);font-weight:700;color:var(--slate)}.module-title{font-weight:500;color:var(--ink);text-decoration:none}a.module-title:hover{color:var(--blue)}.module-status{font-size:.9rem;color:var(--slate)}.module-row.is-open .module-no{color:var(--signal)}.module-row.is-open .module-status{color:var(--ink);font-weight:600}.module-row.is-locked .module-title{color:#9aa1b2}.module-row.is-done .module-status{color:var(--ok)}.module-page{max-width:760px}.crumb{color:var(--slate);font-size:.95rem}.crumb a{color:var(--slate)}.video{aspect-ratio:16 / 9;background:var(--ink);border-radius:var(--radius-panel);overflow:hidden;margin:1.25rem 0 1.5rem;display:grid;place-items:center}.video iframe{width:100%;height:100%;border:0}.video-empty{color:#c9cee6;margin:0;padding:1rem;text-align:center}.step{margin-bottom:1.5rem}.check{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;padding:.7rem 1rem;border:1.5px solid var(--line);border-radius:var(--radius-control);background:#fff;cursor:pointer}.check input{width:1.1rem;height:1.1rem;accent-color:var(--signal);margin:0}.check.is-checked{border-color:var(--ok);color:var(--ok);cursor:default}textarea{font:inherit;font-weight:400;padding:.7rem .8rem;border:1.5px solid var(--line);border-radius:var(--radius-control);background:#fff;color:var(--ink);resize:vertical}textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2954ff2e}.next{margin-top:2rem;padding:1.25rem;border-left:4px solid var(--signal);background:#fff;border-radius:0 var(--radius-control) var(--radius-control) 0}.next p{margin-bottom:.75rem;font-weight:600}@media (max-width: 760px){.count{text-align:left}.module-row{grid-template-columns:2rem 1fr}.module-status{grid-column:2}}select{font:inherit;font-weight:400;padding:.7rem .8rem;border:1.5px solid var(--line);border-radius:var(--radius-control);background:#fff;color:var(--ink)}select:focus,input[type=url]:focus,input[type=date]:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2954ff2e}input[type=url],input[type=date]{font:inherit;font-weight:400;padding:.7rem .8rem;border:1.5px solid var(--line);border-radius:var(--radius-control);background:#fff;color:var(--ink)}.counts{display:flex;gap:2.5rem}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}td a{color:var(--ink);font-weight:600}tr.is-inactive td{color:#9aa1b2}.tag{display:inline-block;margin-left:.5rem;font-size:.78rem;padding:.1rem .45rem;border-radius:999px;background:#eef0f5;color:var(--slate)}.tag-warn{background:#fff1e6;color:#9a4a0c}.mini-progress{display:inline-block;width:64px;height:6px;background:var(--line);border-radius:3px;margin-right:.5rem;vertical-align:middle;overflow:hidden}.mini-progress span{display:block;height:100%;background:var(--signal)}.answers{list-style:none;margin:0;padding:0}.answer{padding:1rem 0;border-bottom:1px solid var(--line)}.answer-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.35rem}blockquote{margin:.5rem 0 0;padding:.75rem 1rem;background:#fff;border-left:3px solid var(--signal);border-radius:0 var(--radius-control) var(--radius-control) 0;white-space:pre-wrap}.edit-list{list-style:none;margin:0;padding:0}.edit-item{display:grid;grid-template-columns:7rem 1fr;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.edit-item .form{margin-top:0;max-width:620px}.edit-no{font-family:var(--display);font-weight:700;margin:.2rem 0 0}.edit-actions{display:flex;align-items:center;gap:1rem}code{font-size:.88em;background:#eef0f5;padding:.05rem .35rem;border-radius:4px}@media (max-width: 760px){.counts{gap:1.5rem}.edit-item{grid-template-columns:1fr;gap:.5rem}}.h2-first{margin-top:0}.board{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:start;margin-top:1.5rem}.offer{background:#fff;border:1px solid var(--line);border-radius:var(--radius-panel);padding:1.5rem;position:sticky;top:1rem}.offer .form{margin-top:1rem}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}input[type=time]{font:inherit;font-weight:400;padding:.7rem .8rem;border:1.5px solid var(--line);border-radius:var(--radius-control);background:#fff;color:var(--ink)}.slot-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.slot{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem .25rem;border-bottom:1px solid var(--line)}.slot p{margin:0}.slot-when{font-weight:600}.slot-what{margin:.15rem 0!important}.slot .btn{flex-shrink:0;text-decoration:none}.slot.is-cancelled .slot-what,.slot.is-cancelled .slot-when{color:#9aa1b2;text-decoration:line-through}.slot-page{max-width:760px}.slot-meeting{margin:1rem 0}.slot-meeting .btn{text-decoration:none;display:inline-block}.inline-form{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.inline-form label{flex:1;min-width:240px}.slot-actions{display:flex;gap:.5rem;margin:.5rem 0 1rem}.handin{background:#fff;border:1px solid var(--line);border-left:4px solid var(--signal);border-radius:var(--radius-control);padding:1.25rem;max-width:560px}.chat{margin-top:2rem}.chat-log{list-style:none;margin:.75rem 0;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-panel);max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem}.msg{display:grid;gap:.15rem;max-width:80%}.msg.is-me{align-self:flex-end;text-align:right}.msg-meta{font-size:.8rem;color:var(--slate)}.msg-body{background:#eef0f5;padding:.55rem .8rem;border-radius:12px;white-space:pre-wrap;text-align:left}.msg.is-me .msg-body{background:var(--ink);color:#fff}.chat-form{display:flex;gap:.5rem}.chat-form input{flex:1;font:inherit;padding:.7rem .8rem;border:1.5px solid var(--line);border-radius:var(--radius-control)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.toast{position:sticky;bottom:1rem;background:#fff;border:1px solid var(--line);padding:.75rem 1rem;border-radius:var(--radius-control);margin-top:1.5rem}@media (max-width: 900px){.board{grid-template-columns:1fr}.offer{position:static;order:-1}}dialog.confirm{border:0;border-radius:var(--radius-panel);padding:1.75rem;max-width:460px;width:calc(100% - 2rem);color:var(--ink);box-shadow:0 20px 60px #17204840}dialog.confirm::backdrop{background:#17204873}.check-line{display:flex;gap:.75rem;align-items:flex-start;font-weight:600;margin:1.25rem 0;padding:1rem;border:1.5px solid var(--line);border-radius:var(--radius-control);cursor:pointer}.check-line:has(input:checked){border-color:var(--ok)}.check-line input{width:1.2rem;height:1.2rem;margin-top:.15rem;accent-color:var(--signal);flex-shrink:0}.confirm-actions{display:flex;justify-content:flex-end;gap:.5rem}.chapter{margin-top:2rem}.chapter-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.chapter-head h2{margin:0;font-size:1.2rem}.chapter-head .muted{font-size:.9rem}.no-question{padding:1rem;background:#fff;border:1px dashed var(--line);border-radius:var(--radius-control);color:var(--slate)}.reminder{background:#fdecea;border:2px solid var(--danger);color:#7a1a12;border-radius:var(--radius-panel);padding:.85rem 1.1rem;margin:0 0 1.5rem}.reminder p{margin:0}.reminder a{color:#7a1a12;font-weight:700}.rank-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#fff;border:1px solid var(--line);border-left:6px solid var(--signal);border-radius:var(--radius-panel);padding:1.1rem 1.4rem;margin:1.5rem 0}.rank-card p{margin:0}.rank-card .btn{text-decoration:none;flex-shrink:0}.rank-label{font-size:.85rem;color:var(--slate);text-transform:uppercase;letter-spacing:.04em}.rank-name{font-family:var(--display);font-size:1.9rem;font-weight:700;line-height:1.15;margin:.15rem 0 .25rem!important}.rank-chip{display:inline-block;margin-left:.4rem;font-size:.78rem;padding:.1rem .5rem;border-radius:999px;background:#fff1e6;color:#9a4a0c;white-space:nowrap}.person strong{font-weight:600}.tag-danger{background:#fdecea;color:var(--danger);font-weight:600}td.te-laat{color:var(--danger);font-weight:600}.rp-extra{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start;margin-top:2.5rem;border-top:1px solid var(--line);padding-top:1.5rem}.submit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.submit-head .btn{flex-shrink:0}.submit-block h3{font-family:var(--display);font-size:1.1rem;margin:1.75rem 0 .5rem}.team-chat,.team-chat h2{margin-top:0}@media (max-width: 900px){.rp-extra{grid-template-columns:1fr}.rank-card{flex-direction:column;align-items:flex-start}}.rp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) 320px;grid-template-areas:"slots chat offer";gap:2rem;align-items:start;margin-top:1.5rem}.rp-chat{grid-area:chat}.rp-slots{grid-area:slots;min-width:0}.rp-slots>h2:first-child{margin-top:0}.rp-offer{grid-area:offer}.rp-chat .team-chat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-panel);padding:1.25rem}.rp-chat .team-chat h2{margin:0 0 .25rem;font-size:1.6rem}.rp-chat .chat-log{height:560px;min-height:500px;max-height:none;overflow-y:auto;border:1px solid var(--line);background:var(--paper);margin:.75rem 0}.rp-chat .chat-form{margin-top:auto}.rp-submit{margin-top:2.5rem;border-top:1px solid var(--line);padding-top:1.5rem}.rp-slots .slot{flex-direction:column;align-items:flex-start}@media (max-width: 1100px){.rp-grid{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"chat chat" "slots offer"}}@media (max-width: 900px){.rp-grid{grid-template-columns:1fr;grid-template-areas:"chat" "offer" "slots"}.rp-offer{position:static}.rp-chat .chat-log{height:500px}}.video video{width:100%;height:100%;background:#000}.file-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.file-row input[type=file]{max-width:100%}.file-current{font-size:.9rem}.rp-grid{display:block}.rp-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);grid-template-areas:"slots offer";gap:2rem;align-items:start;margin-top:1.5rem}.rp-top .rp-slots{grid-area:slots;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;align-content:start}.rp-top .rp-col{min-width:0}.rp-top .rp-offer{grid-area:offer;position:static}.rp-chat{margin-top:2rem}.rp-chat .team-chat{width:100%}.rp-chat .chat-log{height:500px;min-height:500px}.rp-chat .chat-log li{max-width:none}.rp-chat .chat-form{display:flex;gap:.75rem}.rp-chat .chat-form input,.rp-chat .chat-form textarea{flex:1;width:100%}.row-actions{display:inline-flex;gap:.5rem;flex-wrap:wrap}.btn-danger{color:#fff;background:#b42318;border-color:#b42318}.btn-quiet.btn-danger{color:#b42318;background:transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:50;padding:1rem}.modal{background:#fff;border-radius:var(--radius-panel);padding:1.5rem;max-width:480px;width:100%;box-shadow:0 10px 40px #0003}.modal h2{margin-top:0}.modal label{display:block;margin-top:1rem}.modal input{width:100%;margin-top:.35rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}@media (max-width: 1100px){.rp-top .rp-slots{grid-template-columns:1fr}}@media (max-width: 900px){.page-practice{display:flex;flex-direction:column}.page-practice .rp-top{display:contents}.page-practice>*{order:0}.page-practice .rp-chat{order:1;margin-top:1rem}.page-practice .rp-offer{order:2;margin-top:1.5rem}.page-practice .rp-slots{order:3;display:block;margin-top:1.5rem}.page-practice .rp-submit{order:4}.rp-chat .chat-log{height:420px;min-height:420px}}