body{color:#000;background:#fff;margin:0;font-family:Arial,sans-serif}main{max-width:550px;margin:100px auto;padding:0 20px}h1{font-size:40px;line-height:1.2}p{line-height:1.6}a{color:#000}.bekijk,.login{box-sizing:border-box;border:1px solid #000;margin:10px 10px 10px 0;padding:12px 20px;text-decoration:none;display:inline-block}.bekijk{color:#fff;background:#000}.login{color:#000;background:#fff}.registratie{max-width:450px}.registratie form{flex-direction:column;gap:20px;margin-top:30px;display:flex}.registratie label{display:block}.registratie input{box-sizing:border-box;width:100%;min-width:0;font:inherit;border:1px solid #777;border-radius:0;margin-top:8px;padding:12px;display:block}.registratie button{color:#fff;font:inherit;cursor:pointer;background:#000;border:1px solid #000;border-radius:0;padding:12px 20px}.registratie form p{margin:0}.registratie [role=status]{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #000}@media (width<=600px){main{margin:40px auto}h1{font-size:32px}}.registratie.profiel-registratie{max-width:650px}.profiel-registratie fieldset{border:1px solid #888;gap:18px;min-width:0;margin:0;padding:20px;display:grid}.profiel-registratie legend{padding:0 8px;font-weight:700}.profiel-registratie small{color:#555;margin-top:6px;display:block}.profiel-registratie .sportkeuzes{gap:14px;display:grid}.profiel-registratie .sportkeuze{border-bottom:1px solid #ddd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;display:flex}.profiel-registratie .sport-aanvinken{cursor:pointer;align-items:center;gap:10px;display:flex}.profiel-registratie .sport-aanvinken input{flex-shrink:0;width:20px;height:20px;margin:0;padding:0}.profiel-registratie .sport-niveau{gap:6px;width:190px;max-width:100%;font-size:14px;display:grid}.profiel-registratie select{box-sizing:border-box;color:#000;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #777;border-radius:0;padding:10px}.profiel-registratie select:focus-visible{outline-offset:3px;outline:2px solid #000}.profiel-registratie button:disabled{cursor:wait;background:#555}@media (width<=450px){.profiel-registratie fieldset{padding:15px}.profiel-registratie .sportkeuze{flex-direction:column;align-items:stretch}.profiel-registratie .sport-niveau{width:100%}}body:has(.dashboard-page){max-width:none;margin:0;font-family:Arial,sans-serif}.dashboard-page{color:#000;background:#fff;min-height:100vh;font-size:14px;line-height:1.5;display:flex}.dashboard-page *,.dashboard-page :before,.dashboard-page :after{box-sizing:border-box;box-shadow:none;border-radius:0}.dashboard-page button,.dashboard-page nav a,.dashboard-page input,.dashboard-page select{color:#000;background:#fff;border:1px solid #888;border-radius:0;min-height:40px;margin:0;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;text-decoration:none}.dashboard-page nav a{align-items:center;display:flex}.dashboard-page button:disabled,.dashboard-page input:disabled,.dashboard-page select:disabled{color:#555;opacity:1;cursor:not-allowed;background:#fff}.dashboard-page input::placeholder{color:#666;opacity:1}.dashboard-page a:focus-visible,.dashboard-page button:focus-visible,.dashboard-page input:focus-visible,.dashboard-page select:focus-visible{outline-offset:3px;outline:2px solid #000}.dashboard-page h1,.dashboard-page h2,.dashboard-page h3,.dashboard-page h4{margin:0;font-weight:700;line-height:1.3}.dashboard-page h1{font-size:26px}.dashboard-page h2{font-size:20px}.dashboard-page h3{font-size:16px}.dashboard-page h4{font-size:14px}.dashboard-page p{margin:6px 0;line-height:1.5}.dashboard-page strong{font-weight:400}.dashboard-page .zijmenu{border-right:1px solid #888;flex-shrink:0;width:210px;padding:25px}.dashboard-page .zijmenu h2{margin-bottom:30px}.dashboard-page .zijmenu nav{gap:12px;display:grid}.dashboard-page .zijmenu button{text-align:left;width:100%}.dashboard-page .dashboard-inhoud{flex:1;min-width:0;max-width:none;margin:0;padding:30px}.dashboard-page .dashboard-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.dashboard-page .dashboard-inhoud>h3{margin:25px 0 15px}.dashboard-page .filters{border:1px solid #888;flex-wrap:wrap;gap:10px;margin:25px 0;padding:15px;display:flex}.dashboard-page .filters input{flex:2 220px;min-width:0}.dashboard-page .filters select{flex:100px;min-width:0}.dashboard-page .activiteiten-lijst{gap:15px;display:grid}.dashboard-page .activiteit{border:1px solid #888;flex-wrap:wrap;align-items:center;gap:20px;padding:20px;display:flex}.dashboard-page .sport-vak{text-align:center;border:1px dashed #888;flex-shrink:0;place-items:center;width:90px;min-height:80px;padding:8px;font-size:13px;font-weight:400;display:grid}.dashboard-page .activiteit-info{overflow-wrap:anywhere;flex:200px;min-width:0}.dashboard-page .activiteit-info h3{margin-bottom:8px}.dashboard-page .activiteit-acties{text-align:right}.dashboard-page .activiteit-acties button{margin-top:8px}.dashboard-page .persoonlijk-overzicht{flex-wrap:wrap;gap:15px;display:flex}.dashboard-page .persoonlijk-overzicht section{border:1px solid #888;flex:230px;min-width:0;padding:20px}.dashboard-page .persoonlijk-overzicht h4{margin-bottom:10px}@media (width<=700px){.dashboard-page{flex-direction:column}.dashboard-page .zijmenu{border-bottom:1px solid #888;border-right:0;width:100%;padding:20px}.dashboard-page .zijmenu h2{margin-bottom:15px}.dashboard-page .dashboard-inhoud{padding:20px}.dashboard-page .activiteit-acties{text-align:left;width:100%}}.dashboard-page .nieuwe-activiteit{border:1px solid #888;max-width:600px;margin-bottom:30px;padding:20px}.dashboard-page .nieuwe-activiteit form{gap:18px;margin-top:20px;display:grid}.dashboard-page .nieuwe-activiteit label{gap:6px;min-width:0;display:grid}.dashboard-page .nieuwe-activiteit input,.dashboard-page .nieuwe-activiteit select{width:100%;min-width:0}.dashboard-page .activiteit-formulier-rij{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.dashboard-page .activiteit-formulier-acties{flex-wrap:wrap;gap:10px;display:flex}.dashboard-page button:not(:disabled){cursor:pointer}@media (width<=450px){.dashboard-page .activiteit-formulier-rij{grid-template-columns:1fr}}
