:root{--bg:#f2f7f8;--panel:#ffffff;--ink:#12303f;--muted:#5b7280;--line:#dbe7ea;--accent:#0D4868;--accent2:#30B5AE;--light:#99D3D8;--grad:linear-gradient(120deg,#0D4868,#1b7f96 55%,#30B5AE);--danger:#D92C2C;--warn:#E08A00;--ok:#1E8F6E}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header.app{background:var(--grad);color:#fff;padding:10px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}header.app .logo{flex-shrink:0;height:38px;width:auto;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}header.app h1{font-size:17px;font-weight:600;letter-spacing:.3px}header.app .sub{font-size:12px;opacity:.85}header.app .spacer{flex:1 1}header.app .who{font-size:12.5px;opacity:.9;text-align:right}main{padding:16px 18px 60px;max-width:1100px;margin:0 auto}main.narrow{max-width:640px}nav.tabs{display:flex;gap:2px;padding:0 18px;border-bottom:2px solid var(--line);background:var(--bg);flex-wrap:wrap}nav.tabs a{border-radius:7px 7px 0 0;background:#dfeaec;padding:8px 16px;font-size:13.5px;color:var(--ink)}nav.tabs a:hover{text-decoration:none;filter:brightness(.97)}nav.tabs a.active{background:var(--panel);font-weight:600;border-bottom:2px solid var(--panel);margin-bottom:-2px;border-top:3px solid var(--accent2);border-left:1px solid var(--line);border-right:1px solid var(--line)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:14px;margin-top:14px}.panel h2{font-size:15px;margin-bottom:10px;color:var(--accent)}.note{font-size:12.5px;margin-top:10px;line-height:1.5}.muted,.note{color:var(--muted)}.kpibar{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.kpi{background:var(--panel);border-radius:8px;padding:10px 16px;min-width:130px;border:1px solid var(--line);border-top:3px solid var(--light);flex:1 1}.kpi .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.kpi .val{font-size:20px;font-weight:700;margin-top:2px;color:var(--accent)}.kpi.good{border-top-color:var(--accent2)}.kpi.good .val{color:var(--accent2)}.kpi.warn{border-top-color:var(--danger)}.kpi.warn .val{color:var(--danger)}.btn,button{cursor:pointer;border:none;border-radius:6px;padding:9px 16px;font-size:14px;background:#e2edef;color:var(--ink);font-family:inherit;display:inline-block;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:hover,button:hover{filter:brightness(.95);text-decoration:none}.btn:active,button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}.btn.primary,button.primary{background:var(--accent2);color:#fff;font-weight:600}.btn.dark,button.dark{background:var(--accent);color:#fff}.btn.danger,button.danger{background:#f6dcdc;color:#a12020}.btn.small,button.small{padding:4px 10px;font-size:12.5px}input[type=date],input[type=email],input[type=number],input[type=text],select,textarea{border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink);width:100%}label.fld{display:block;margin-top:10px;font-size:13px;font-weight:600;color:var(--accent)}label.fld span{display:block;margin-bottom:4px}form.inline{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}form.inline label.fld{margin-top:0;flex:1 1;min-width:160px}table.data{border-collapse:collapse;width:100%;background:var(--panel)}table.data td,table.data th{border:1px solid var(--line);padding:6px 9px;text-align:left;font-size:13px}table.data th{background:#e8f2f4;font-weight:600;color:var(--accent)}.tbl-wrap{overflow-x:auto}.chapgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:12px;gap:12px;margin-top:14px}.chapcard{background:var(--panel);border-radius:9px;padding:14px;border:1px solid var(--line);border-left:5px solid var(--light);display:flex;flex-direction:column;gap:6px}.chapcard.open{border-left-color:var(--accent2)}.chapcard.dicht{opacity:.62}.chapcard h3{font-size:14.5px;color:var(--accent)}.chapcard .meta{font-size:12.5px;color:var(--muted)}.chapcard .scoreline{font-size:13px}.chapcard .actions{margin-top:auto;padding-top:8px}.badge{display:inline-block;border-radius:10px;padding:1px 9px;font-size:11.5px;font-weight:600}.badge.open{background:#e0f4f2;color:var(--ok)}.badge.dicht{background:#eef1f3;color:var(--muted)}.badge.pog{background:#fdf6ea;color:var(--warn)}.vraagcard{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:16px;margin-top:14px}.vraagcard .qnum{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.vraagcard .qtext{font-size:16px;font-weight:600;margin:6px 0 12px}.vraagcard img.figuur{max-width:100%;height:auto;border:1px solid var(--line);border-radius:6px;margin-bottom:12px;background:#fff}.opt{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:8px;padding:11px 12px;margin-top:8px;cursor:pointer;background:#fbfdfd;font-size:15px;width:100%;text-align:left;font-family:inherit;color:var(--ink);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .05s ease,background-color .05s ease,border-color .05s ease}.opt:hover{border-color:var(--light)}.opt:active{transform:scale(.985)}.opt.gekozen,.opt:active{background:#e9f7f6;border-color:var(--accent2)}.opt.gekozen{font-weight:600}.opt .letter{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#e2edef;color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.opt.gekozen .letter{background:var(--accent2);color:#fff}.uitlegblok{margin:-4px 0 12px}.uitlegknop{background:none;padding:3px 0;font-size:13px;color:var(--accent2);font-weight:600;display:inline-flex;align-items:center;gap:6px}.uitlegknop:hover{filter:none;text-decoration:underline}.uitlegknop .vraagteken{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent2);color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.uitlegtekst{margin-top:8px;padding:11px 13px;background:#f2f9f9;border-left:3px solid var(--accent2);border-radius:0 7px 7px 0;font-size:14px;line-height:1.55}.toetsnav{position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);padding:12px 0;display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);margin-top:16px}.voortgang{flex:1 1;font-size:13px;color:var(--muted)}.progressbar{height:6px;background:#e2edef;border-radius:3px;overflow:hidden;margin-top:4px}.progressbar>div{height:100%;background:var(--accent2);transition:width .2s}.scorehero{background:var(--grad);color:#fff;border-radius:12px;padding:24px;text-align:center;margin-top:14px}.scorehero .groot{font-size:44px;font-weight:800;line-height:1.1}.scorehero .pct{font-size:16px;opacity:.9}.foutitem{border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:8px;padding:10px 14px;margin-top:10px;background:#fffdf8;font-size:14px}.foutitem .verwijzing{margin-top:6px;font-size:13px;color:var(--accent);font-weight:600}.lb-rij-1 td{background:#fdf9e8}.medal{font-size:15px}.bar-wrap{display:flex;align-items:center;gap:10px}.bar{height:14px;background:#e2edef;flex:1 1;overflow:hidden;min-width:80px}.bar,.bar>div{border-radius:4px}.bar>div{height:100%}.bar.ok>div{background:var(--accent2)}.bar.warn>div{background:var(--warn)}.bar.bad>div{background:var(--danger)}.icoonkeuze{display:flex;flex-wrap:wrap;gap:6px}.icoonkeuze input{display:none}.icoonkeuze span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:21px;border:2px solid var(--line);border-radius:8px;cursor:pointer;background:#fbfdfd}.icoonkeuze input:checked+span{border-color:var(--accent2);background:#e9f7f6}.loginbox{max-width:420px;margin:8vh auto 0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px}.loginbox .logo-wrap{text-align:center;margin-bottom:14px}.loginbox img{height:64px}.loginbox h1{font-size:20px;color:var(--accent);text-align:center;margin-bottom:4px}.loginbox .sub{text-align:center;color:var(--muted);font-size:13.5px;margin-bottom:18px}details.uitklap{border:1px solid var(--line);border-radius:10px;background:#fbfdfd;margin-top:10px}details.uitklap>summary{cursor:pointer;padding:12px 14px;font-size:14.5px;font-weight:600;color:var(--accent);display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;-webkit-tap-highlight-color:transparent}details.uitklap>summary::-webkit-details-marker{display:none}details.uitklap>summary:hover{background:#f2f9f9;border-radius:9px}details.uitklap>summary .rechts{display:flex;align-items:center;gap:8px;font-weight:400;color:var(--muted);font-size:13.5px}details.uitklap>summary .pijl{border:solid var(--muted);border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);margin-bottom:2px}details.uitklap[open]>summary{border-bottom:1px solid var(--line);border-radius:9px 9px 0 0}details.uitklap[open]>summary .pijl{transform:rotate(-135deg);margin-bottom:-2px}details.uitklap>.inhoud{padding:4px 14px 14px}.panel>details.uitklap{border:none;background:none;margin:0}.panel>details.uitklap>summary{padding:0 0 2px;font-size:15px}.panel>details.uitklap>summary:hover{background:none;color:var(--accent2)}.panel>details.uitklap[open]>summary{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:6px;border-radius:0}.panel>details.uitklap>.inhoud{padding:0}.matkop{font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:14px 0 8px}.matgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:10px;gap:10px}a.matknop{display:flex;align-items:center;gap:12px;background:#fbfdfd;border:1.5px solid var(--line);border-left:5px solid var(--light);border-radius:10px;padding:14px;color:var(--ink);min-height:72px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .05s ease,border-color .05s ease,background-color .05s ease}a.matknop:hover{text-decoration:none;border-color:var(--accent2);background:#f2f9f9}a.matknop:active{transform:scale(.985)}a.matknop.spel{border-left-color:var(--accent2)}.mat-icoon{flex-shrink:0;width:46px;height:46px;border-radius:10px;background:#e9f7f6;display:flex;align-items:center;justify-content:center;font-size:24px}a.matknop:not(.spel) .mat-icoon{background:#e8f2f4}.mat-icoon img{height:30px;width:auto;display:block}.mat-tekst{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.mat-titel{font-weight:600;font-size:14.5px;line-height:1.3}.mat-sub{font-size:12.5px;color:var(--muted)}.mat-actie{flex-shrink:0;background:var(--accent2);color:#fff;font-weight:600;font-size:13px;border-radius:6px;padding:7px 13px}a.matknop:not(.spel) .mat-actie{background:var(--accent)}pre.berichttekst{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:13.5px;line-height:1.55;background:#f6fafb;border:1px solid var(--line);border-radius:7px;padding:12px 14px;margin:0}main.docent{max-width:820px}.terug{margin:2px 0 8px;font-size:14px}.terug a{font-weight:600}.gk-sectie{margin-top:16px}.gk-sectiekop{font-size:12.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 8px 2px}a.groepkaart{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:10px;color:var(--ink);text-decoration:none;position:relative;transition:transform .06s ease,border-color .06s ease,box-shadow .06s ease;-webkit-tap-highlight-color:transparent}a.groepkaart:hover{text-decoration:none;border-color:var(--light);box-shadow:0 2px 10px rgba(13,72,104,.08)}a.groepkaart:active{transform:scale(.99)}a.groepkaart.afgelopen{opacity:.72}.gk-kop{display:flex;align-items:center;gap:10px}.gk-nummer{font-size:20px;font-weight:800;color:var(--accent);letter-spacing:.3px}.gk-pijl{margin-left:auto;font-size:26px;line-height:1;color:#b6c9cf}.gk-opleiding{gap:12px;margin-top:8px}.gk-icoon,.gk-opleiding{display:flex;align-items:center}.gk-icoon{flex-shrink:0;width:44px;height:44px;border-radius:11px;background:#e9f7f6;justify-content:center;font-size:24px}.gk-naam{font-weight:600;font-size:15.5px;line-height:1.3}.gk-sub{font-size:13px;color:var(--muted);margin-top:1px}.gk-voet{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #edf3f5;font-size:13.5px;color:var(--ink)}.gk-vandaag{color:var(--ok);font-weight:700}.gk-presentie{color:var(--muted)}.badge.les{background:#e0f4f2;color:var(--ok)}.segment{display:flex;background:#e2edef;border-radius:10px;padding:3px;margin:4px 0 6px;gap:3px}.segment button{flex:1 1;background:transparent;border-radius:8px;padding:9px 10px;font-size:14px;font-weight:600;color:var(--muted)}.segment button:hover{filter:none;color:var(--ink)}.segment button.actief{background:var(--panel);color:var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.12)}.lesbanner{border-radius:9px;padding:10px 14px;margin-top:12px;font-size:14px;font-weight:600}.lesbanner.vandaag{background:#e0f4f2;color:#14584a;border:1px solid #bfe5e1}.lesbanner.geen{background:#fdf6ea;color:#7a4b00;border:1px solid #f3dfb8;font-weight:500}.lesbanner.afgelopen{background:#eef1f3;color:#4b5b66;border:1px solid var(--line);font-weight:500}.pres-kop{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pres-kop h2{margin-bottom:4px}.pres-teller{font-size:13.5px;font-weight:700;color:var(--accent);white-space:nowrap}.preslijst{display:flex;flex-direction:column;gap:8px;margin-top:6px}button.presrij{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fbfdfd;border:1.5px solid var(--line);border-radius:10px;padding:13px 14px;font-size:15.5px;min-height:60px;font-family:inherit;color:var(--ink);transition:transform .05s ease,border-color .05s ease,background-color .05s ease}button.presrij:hover{filter:none;border-color:var(--light)}button.presrij:active{transform:scale(.985)}button.presrij:disabled{opacity:.7;cursor:default;transform:none}.presvink{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff}.presnaam{flex:1 1;min-width:0;font-weight:600}.pressub{display:block;font-size:12.5px;color:var(--muted);font-weight:400;margin-top:2px}.prestijd{flex-shrink:0;font-size:14px;font-weight:700;color:#14584a;white-space:nowrap}.pres-subkop{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:18px 0 6px}.pres-aantal{display:inline-block;min-width:22px;padding:0 7px;border-radius:11px;background:var(--accent2);color:#fff;font-size:12px;text-align:center;margin-left:4px}.pres-leeg{font-size:13.5px}.pres-compleet{background:#e0f4f2;color:#14584a;border:1px solid #bfe5e1;border-radius:10px;padding:14px;font-weight:600;text-align:center;margin-top:6px}.preslijst.klein{gap:5px}button.presrij.aanwezig{background:#e9f7f6;border-color:#bfe5e1;min-height:44px;padding:8px 12px;font-size:14px;border-radius:8px}button.presrij.aanwezig .presvink{width:22px;height:22px;font-size:12px;background:var(--accent2);border-color:var(--accent2)}button.presrij.aanwezig .presnaam{font-weight:600;color:#14584a}button.presrij.aanwezig:hover{border-color:#8fd3cc}button.presrij.binnen{animation:presBinnen .45s ease-out}@keyframes presBinnen{0%{opacity:0;transform:translateY(-6px) scale(.98)}60%{opacity:1;transform:translateY(0) scale(1.01)}to{transform:none}}@media (prefers-reduced-motion:reduce){button.presrij.binnen{animation:none}}.bs-tabs{display:flex;gap:8px;margin:12px 0 4px}.bs-blok{display:flex;gap:20px;align-items:flex-start;margin-top:12px;flex-wrap:wrap}.bs-stappen{flex:1 1;min-width:230px;margin:6px 0 0 18px;display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:1.5}.bs-demo{position:relative;width:216px;height:436px;flex:none;margin:0 auto}.bs-scene{position:absolute;inset:0;opacity:0;animation:bsScene 9s infinite}.bs-s1{animation-delay:0s}.bs-s2{animation-delay:3s}.bs-s3{animation-delay:6s}@keyframes bsScene{0%{opacity:0}5%{opacity:1}31%{opacity:1}36%{opacity:0}to{opacity:0}}.bs-telefoon{width:200px;height:380px;margin:0 auto;border:3px solid #22404f;border-radius:26px;background:#0d2531;padding:8px;box-shadow:0 6px 18px rgba(13,72,104,.18)}.bs-scherm{position:relative;background:#fff;border-radius:17px;height:100%;overflow:hidden;display:flex;flex-direction:column}.bs-pagina{flex:1 1;padding:16px 14px}.bs-koplogo{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--accent);margin-bottom:14px}.bs-regel{height:9px;border-radius:5px;background:#dfeaec;margin-bottom:9px}.bs-balk{background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:11.5px}.bs-balk.onder{margin-top:auto}.bs-balk.boven{order:-1}.bs-adres{opacity:.85}.bs-deelknop{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:rgba(255,255,255,.16)}.bs-focus{position:relative}.bs-focus:after{content:"";position:absolute;inset:-7px;border:2.5px solid var(--accent2);border-radius:12px;animation:bsPuls 1.1s infinite}@keyframes bsPuls{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.45}}.bs-menu{margin:auto 10px 14px;background:#f6fafb;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:12px}.bs-menurij{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);color:#3d5560}.bs-menurij:last-child{border-bottom:none}.bs-mini{color:#8aa0a8}.bs-focus2{background:#e9f7f6;color:var(--accent);font-weight:700;position:relative;animation:bsTik 3s infinite}@keyframes bsTik{0%,55%{background:#e9f7f6}65%,75%{background:#c9ece9}85%,to{background:#e9f7f6}}.bs-homescreen{background:linear-gradient(160deg,#123c53,#1b7f96 70%,#30B5AE)}.bs-appgrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px 8px;gap:14px 8px;padding:22px 12px}.bs-app{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.28);justify-self:center}.bs-app.bs-nieuw{width:auto;height:auto;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;animation:bsGroei 3s infinite}.bs-app.bs-nieuw img{border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.bs-app.bs-nieuw em{font-style:normal;font-size:8.5px;color:#fff;font-weight:600}@keyframes bsGroei{0%{transform:scale(0);opacity:0}18%{transform:scale(1.15)}26%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.bs-onderschrift{text-align:center;margin-top:10px;font-size:13.5px;color:var(--ink)}.bs-onderschrift b{color:var(--accent)}@media (prefers-reduced-motion:reduce){.bs-demo{height:auto;display:flex;flex-direction:column;gap:14px}.bs-scene{position:static;opacity:1}.bs-app.bs-nieuw,.bs-focus2,.bs-focus:after,.bs-scene{animation:none}}.melding{border-radius:8px;padding:10px 14px;margin-top:12px;font-size:13.5px}.melding.ok{background:#e0f4f2;color:#14584a;border:1px solid #bfe5e1}.melding.fout{background:#fdeaea;color:#8c1d1d;border:1px solid #f3caca}@media (max-width:640px){main{padding:12px 12px 80px}header.app{padding:10px 12px}nav.tabs{padding:0 12px}.kpi{min-width:100px;padding:8px 12px}.kpi .val{font-size:17px}.opt{padding:14px 12px;margin-top:10px}.toetsnav button{min-height:46px;padding:9px 18px;font-size:15px}}