*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:#111827;background:#f9fafb;-webkit-font-smoothing:antialiased}.knop{padding:7px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;font-size:13px;font-family:inherit;cursor:pointer}.knop:hover{background:#f9fafb}.knop.primair{background:#111827;border-color:#111827;color:#fff;font-weight:600}.knop.primair:hover{background:#1f2937}.knop.primair:disabled{opacity:.6;cursor:default}.knop.gevaar{color:#b91c1c}.knop.gevaar:hover{background:#fef2f2;border-color:#fca5a5}.veld .label{display:block;font-size:11.5px;font-weight:600;letter-spacing:.4px;color:#6b7280;margin-bottom:4px;text-transform:uppercase}.veld .hint{display:block;font-size:11px;color:#9ca3af;margin:-2px 0 4px}.veld input,.veld textarea,.veld select{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13.5px;font-family:inherit;color:#111827;background:#fff}.veld input:focus,.veld textarea:focus,.veld select:focus{outline:2px solid #6366f1;outline-offset:1px;border-color:#6366f1}.veld input:disabled{background:#f3f4f6;color:#9ca3af}.veld textarea{resize:vertical;line-height:1.55}.check{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.check input{width:15px;height:15px;accent-color:#4f46e5}.niveau .label{display:block;font-size:11.5px;font-weight:600;letter-spacing:.4px;color:#6b7280;margin-bottom:4px;text-transform:uppercase}.niveau .regel{display:flex;align-items:center;gap:10px}.niveau input[type=range]{flex:1;accent-color:#4f46e5}.niveau .waarde{font-size:12px;color:#6b7280;min-width:70px;text-align:right}